Recommended way to include bootstrap library in Ember.JS ember-cli App

by

BASH:

bower install --save bootstrap

Brocfile.js:

app.import('vendor/bootstrap/dist/js/bootstrap.js');
app.import('vendor/bootstrap/dist/css/bootstrap.css');

The JS will be added to the app.js, which is linked by default, and the CSS will be added to assets/vendor.css, which as of May 14th, is also added by default.

For reference: http://www.ember-cli.com/#managing-dependencies

In response to @Joe’s question surrounding fonts and other assets, I was unable to get the recommended app.import() method to work on the fonts. I instead opted for the merge-trees and static-compiler approach:

var mergeTrees = require('broccoli-merge-trees');
var pickFiles = require('broccoli-static-compiler');
var extraAssets = pickFiles('vendor/bootstrap/dist/fonts',{
    srcDir: "https://stackoverflow.com/", 
    files: ['**/*'],
    destDir: '/fonts'
});

module.exports = mergeTrees([app.toTree(), extraAssets]);

More Related Contents:

  1. Bootstrap 3 Navbar Collapse
  2. Missing visible-** and hidden-** in Bootstrap v4
  3. Bootstrap 3 with remote Modal
  4. Responsive website zoomed out to full width on mobile
  5. Bootstrap with jQuery Validation Plugin
  6. Bootstrap Fluid grid system with different height
  7. Disable responsive (mobile) navbar in Bootstrap
  8. Is it possible to use a div as content for Twitter’s Popover
  9. Bootstrap 3 – Why is row class is wider than its container?
  10. How do you make Twitter Bootstrap Accordion keep one group open?
  11. Sort table rows In Bootstrap [closed]
  12. How to use Twitter Bootstrap 3 for non-responsive site? [duplicate]
  13. How to use bootstrap with 16 or 24 columns
  14. Why is the Bootstrap Navbar always collapsed? [duplicate]
  15. Bootstrap 4 Navbar align logo center and toggle icon on the left
  16. Bootstrap 3.0 – Fluid Grid that includes Fixed Column Sizes
  17. Bootstrap 3 Carousel fading to new slide instead of sliding to new slide
  18. How can I center an image in Bootstrap?
  19. Twitter Bootstrap Navbar with AngularJS – Collapse Not Functioning
  20. Using media breakpoints in Bootstrap 4-alpha
  21. Bootstrap 5 – Custom theme-colors not updating classes
  22. Prefixing all selectors for twitter bootstrap in less
  23. Bootstrap: how do I change the width of the container?
  24. Decreasing height of bootstrap 3.0 navbar
  25. Close responsive navbar automatically
  26. Disable dropup feature using Bootstrap Select
  27. Fluid input-append in Bootstrap Responsive
  28. Bootstrap 4 responsive navbar vertical
  29. Unable to override $theme-color in bootstrap
  30. How to justify navbar-nav in Bootstrap 3

Leave a Comment