An ember-cli addon for using Bootstrap 4 in Ember applications.
npm install ember-cli-bootstrap-4An ember-cli addon for using Bootstrap 4 in Ember applications.
Compatibility
------------------------------------------------------------------------------
* Ember.js v3.24 or above
* Ember CLI v3.24 or above
* Node.js v12 or above
Installation
------------------------------------------------------------------------------
Install in ember-cli application
``bash`
ember install ember-cli-bootstrap-4
Then include the following in your app.scss file:
`scss`
@import "ember-cli-bootstrap-4/bootstrap";
or for grid only
`scss`
@import "ember-cli-bootstrap-4/bootstrap-grid";
If you need to use bootstrap.js in your project, install jQuery and popper.js and include its like others dependencies.
`bash`
npm install jquery popper.js
`js
// ember-cli-build.js
app.import('node_modules/jquery/dist/jquery.js');
app.import('node_modules/popper.js/dist/umd/popper.js');
app.import('node_modules/popper.js/dist/umd/popper-utils.js');
app.import('node_modules/bootstrap/dist/js/bootstrap.js');
`
You can use custom Bootstrap 4 variables. Store your custom available variables in app\styles\_custom.scss. And add import _custom.scss in app.scss.
`scss`
@import "custom";
@import "ember-cli-bootstrap-4/bootstrap";
For import custom Bootstrap 4 css components instead @import "ember-cli-bootstrap-4/bootstrap"; you can use code below:
`scss``
@import "ember-cli-bootstrap-4/functions";
@import "ember-cli-bootstrap-4/variables";
@import "ember-cli-bootstrap-4/mixins";
@import "ember-cli-bootstrap-4/root";
@import "ember-cli-bootstrap-4/reboot";
@import "ember-cli-bootstrap-4/type";
@import "ember-cli-bootstrap-4/images";
@import "ember-cli-bootstrap-4/code";
@import "ember-cli-bootstrap-4/grid";
@import "ember-cli-bootstrap-4/tables";
@import "ember-cli-bootstrap-4/forms";
@import "ember-cli-bootstrap-4/buttons";
@import "ember-cli-bootstrap-4/transitions";
@import "ember-cli-bootstrap-4/dropdown";
@import "ember-cli-bootstrap-4/button-group";
@import "ember-cli-bootstrap-4/input-group";
@import "ember-cli-bootstrap-4/custom-forms";
@import "ember-cli-bootstrap-4/nav";
@import "ember-cli-bootstrap-4/navbar";
@import "ember-cli-bootstrap-4/card";
@import "ember-cli-bootstrap-4/breadcrumb";
@import "ember-cli-bootstrap-4/pagination";
@import "ember-cli-bootstrap-4/badge";
@import "ember-cli-bootstrap-4/jumbotron";
@import "ember-cli-bootstrap-4/alert";
@import "ember-cli-bootstrap-4/progress";
@import "ember-cli-bootstrap-4/media";
@import "ember-cli-bootstrap-4/list-group";
@import "ember-cli-bootstrap-4/close";
@import "ember-cli-bootstrap-4/toasts";
@import "ember-cli-bootstrap-4/modal";
@import "ember-cli-bootstrap-4/tooltip";
@import "ember-cli-bootstrap-4/popover";
@import "ember-cli-bootstrap-4/carousel";
@import "ember-cli-bootstrap-4/spinners";
@import "ember-cli-bootstrap-4/utilities";
@import "ember-cli-bootstrap-4/print";
Contributing
------------------------------------------------------------------------------
See the Contributing guide for details.
License
------------------------------------------------------------------------------
Ember-cli-bootstrap-4 is released under the MIT License. See the bundled LICENSE file for details.