ember-cli-bootstrap-4

    0.13.0 • Public • Published

    Ember CLI Bootstrap 4

    npm version npm monthly downloads Ember Observer Score License: MIT

    An 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

    Demo

    Getting Started

    Install in ember-cli application

    ember install ember-cli-bootstrap-4

    Then include the following in your app.scss file:

    @import "ember-cli-bootstrap-4/bootstrap";

    or for grid only

    @import "ember-cli-bootstrap-4/bootstrap-grid";

    Configuration

    JavaScript

    Ember don't support jQuery and this addon don't include the javascript part of Bootstrap too.

    If you need to use bootstrap.js in your project, install jQuery and popper.js and include its like others dependencies.

    npm install jquery popper.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');

    Custom variables

    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.

    @import "custom";
    @import "ember-cli-bootstrap-4/bootstrap";

    Custom Bootstrap 4 components

    For import custom Bootstrap 4 css components instead @import "ember-cli-bootstrap-4/bootstrap"; you can use code below:

    @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.

    Install

    npm i ember-cli-bootstrap-4

    DownloadsWeekly Downloads

    1,421

    Version

    0.13.0

    License

    MIT

    Unpacked Size

    16.7 kB

    Total Files

    10

    Last publish

    Collaborators

    • kaermorchen