Geek Answers Handbook

How to integrate Twitter Bootstrap into an ember-cli app?

I am using Ember 1.7.0 and trying to integrate CSS Bootstrap CSS Framework into an ember-cli application.

I have seen some articles about this online, but most of them seem to be out of date. To date, I have managed to gather information from articles on the Internet and come up with this.

bower install --save bootstrap-sass-official

Then check bower.jsonto see if something is included along the lines:

"bootstrap-sass-official": "~3.3.1"

Include the following lines in Brocfile.js:

app.import('bower_components/bootstrap-sass-official/assets/javascripts/bootstrap.js');
app.import('bower_components/bootstrap-sass-official/assets/stylesheets/_bootstrap.scss');

Reboot ember-server. Go to http://localhost:4200/assets/vendor.js. See what the Twitter Bootstrap source code is there.

However, with http://localhost:4200/assets/vendor.css, I do not see any indication ....

Is this the correct installation method? Did I miss something?

+4
3

Bootstrap, getbootstrap.com/customize/

vendor/, - Brocfile:

// Bootstrap
app.import({
  development: 'vendor/bootstrap/css/bootstrap-theme.css',
  production: 'vendor/bootstrap/css/bootstrap-theme.min.css'
});

app.import({
  development: 'vendor/bootstrap/css/bootstrap.css',
  production: 'vendor/bootstrap/css/bootstrap.min.css'
});
+3

There are many ways to do this.

I am currently doing:

npm install --save-dev ember-cli-bootstrap

And you're done.

Note that the add-in allows you to pass configuration settings to Bootstrap. Project Page: ember-cli-bootstrap

0
source

More articles:


All Articles