Bootstrap 4

Starting with the 1.2.0 release of ember-bootstrap it comes with support for Bootstrap 4 that can be considered stable.

Moving to Bootstrap 4

We've made every effort to make moving from Bootstrap 3 to Bootstrap 4 in 1.0 completely transparent. Making the switch from earlier versions of ember-bootstrap will take some additional work. Here are the key steps.

  1. Bootstrap 4 uses SASS! If you were using LESS with Bootstrap 3, you will need to switch to either static CSS or SASS. The details of doing this are beyond the scope of this guide. It could be as simple as changing @ to $ but is likely more complex. Remove ember-cli-less from your package.json and install ember-cli-sass if appropriate.
  2. Run the ember-bootstrap blueprint: ember generate ember-bootstrap --bootstrap-version=4
    For details, see the assets guide.
  3. Make sure your ember-bootstrap code uses all of the new contextual components. Most of the differences between the two versions of Bootstrap are hidden by proper component usage. Some of the more noteworthy ones are bs-form, bs-nav.link-to (which also affects navs in navbars), bs-dropdown.menu.item, and bs-dropdown.menu.divider.
  4. Refer to the Bootstrap 4 documentation and, in particular, the Migration Guide for other necessary changes in markup with Bootstrap 4.

Please let us know if you find any issues by either filing an issue or, even better, forking the repo and submitting a pull request with a fix.

Known Issues

Known issues and pull requests relating to the Bootstrap 4 implementation will be labeled. Click here for the list of all open Bootstrap 4 issues.