Skip to content

Instantly share code, notes, and snippets.

@raykao
Created November 14, 2015 23:05
Show Gist options
  • Save raykao/3ced499afd85efab47f3 to your computer and use it in GitHub Desktop.
Save raykao/3ced499afd85efab47f3 to your computer and use it in GitHub Desktop.
How to add boostrap-sass to your ember-cli project with bower

How to work with bootstrap-sass in Ember (ember-cli) using the bower package

Install package with bower

Run:

bower install --save bootstrap-sass

Add the Boostrap Sass files

Add the boostrap sass files in the bower_components folder to your <project>/app/styles/app.scss.


@import '../../bower_components/bootstrap-sass/assets/stylesheets/_bootstrap';

Include Bootstrap JS

Add an import statement Edit into ./ember-cli-build.js file.

var EmberApp = require('ember-cli/lib/broccoli/ember-app');

module.exports = function(defaults) {
  var app = new EmberApp(defaults, {
    // Add options here
  });

  app.import('bower_components/bootstrap-sass/assets/javascripts/bootstrap.js');

  return app.toTree();
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment