How to use Twitter Bootstrap from NPM in your Meteor application?

Here’s how you can use Twitter Bootstrap directly from NPM, an arguably better updated source than something like Atmosphere.

Make sure you’re using the SCSS compilation package:

meteor add fourseven:scss

To make this work, you must use the latest version (at the time of this writing) of Meteor: 1.3.2.2

How can you update your application? Go to your application folder and run:

$ meteor update --release 1.3.2.2

Let’s install Twitter Bootstrap.

https://www.npmjs.com/package/bootstrap-sass

Install the package to your Meteor application directory. This will place the styles in your node_modules folder.

$ npm install bootstrap-sass --save

Then you can easily import the styles in your main.scss stylesheet.

For example, in myapp/client/stylesheets/main.scss:

@import"{}/node_modules/bootstrap-sass/assets/stylesheets/_bootstrap.scss";.header{color:#333;}