Giter Site home page Giter Site logo

Comments (4)

atanas-dev avatar atanas-dev commented on May 18, 2024 1

Packagist issue has been fixed (I've missed a special step that the cli tool requires when publishing new versions) and the latest theme and cli tool versions (with the relevant fixes) are now live.

Just as an FYI, the Bootstrap install preset does not add bootstrap and popper's JS to your index.js but I've added that to my TODO so it should be ready for the next version.

from wpemerge-theme.

atanas-dev avatar atanas-dev commented on May 18, 2024

Hi @kristjankoppel ,

Both issues have already been fixed, however, packagist.org is refusing to update one of the packages which kind of ties my hands.
I'll update this issue once the packagist.org issue is solved.

Here's a short step-by-step guide on how to add Bootstrap manually in the meantime:

  1. Execute yarn add --dev bootstrap@^4.0 in the theme root directory.
  2. Edit resources/styles/_vendor.scss and add this line at the end:
    @import '~bootstrap/dist/css/bootstrap.css';
    

That should be it!

from wpemerge-theme.

kristjankoppel avatar kristjankoppel commented on May 18, 2024

OK. I think i got everything now working. Did a quick test with few Booststrap components. Too bad i need to do these steps manually.

So here is few steps if anyone want to get this theme running with Bootstrap 4.1.3.

  1. cd into your freshly created theme folder
  2. run yarn add [email protected] --dev
  3. run yarn add popper.js --dev
  4. For CSS edit resources/styles/_vendor.scss and add this line at the end:
    @import '~bootstrap/scss/bootstrap.scss';
    Note that you can even import BS partial parts. Same for bootstrap javascript.
  5. For JS edit resources/scripts/index.js and add this line at the end:
    import 'bootstrap';
  6. Now run yarn dev or yarn dev --dev-url=<your-project-ul> -- everything should work nicely.

Note 1: @atanas-angelov-dev can comment if all this is correct.
Note 2: @atanas-angelov-dev I still want to note that in package.js file there is bootstrap version 3 included: https://jmp.sh/ZaevPeq

from wpemerge-theme.

atanas-dev avatar atanas-dev commented on May 18, 2024

@kristjankoppel all steps are correct. The version 3 you see is most probably due to the outdated cli tool issue I mentioned.

from wpemerge-theme.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.