Proper way to install bootstrap

I would like to know what is the proper way to install bootstrap when using ember-cli. According to the website the official way to install it is by running:

$ ember install:bower bootstrap

However, I see that there is also an ember-cli-bootstrap version available in the npm repository with instructions to do the following:

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

The same for ember-cli-bootstrap-datepicker which I am also using.

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

This is a little confusing. Should we be installing stuff from npm or as an add-on?

When you use ember install:bower bootstrap command, you install just Bootstrap files from Bower repository.

When you install ember-cli-bootstrap with npm install --save-dev ember-cli-bootstrap or ember install:addon ember-cli-bootstrap, you install the add-on that provides not just Bootstrap files, but also a collection of Ember components. You could find more information in README github.com/linstula/ember-cli-bootstrap.

That’s the difference :wink: I hope that would help you to make a choice.

@kgish If you are on windows npm install --save-dev ember-cli-bootstrap@0.0.5 because higher versions fail.

Hey @soulim thanks for the tips, and @broerse sorry no windows for me.

1 Like