Using Bootstrap with Ember.js

Question

How do I use Bootstrap in Ember.js

Is there any best practice somewhere? I know I can just use the styles / javascript behaviors of Bootstrap as is but it lacks communication with my application controllers,

Thanks

Answer 1

Yes,

Try: https://github.com/ember-addons/bootstrap-for-ember

It is a set of Ember components styled with Bootstrap v3,

There's also a showcase available here:

http://ember-addons.github.io/bootstrap-for-ember

Few components already available such as: Modal Pane, Alerts, ProgressBar, Pills, Tab, Etc, Navigations, etc.

There are more special components that don't exist in Bootstrap such as Notifications: http://ember-addons.github.io/bootstrap-for-ember/dist/#/show_components/notifications

Goodluck.

Answer 2

You can try ember-bootstrap

Install using

ember install ember-bootstrap

and add

var app = new EmberApp(defaults, {
    'ember-bootstrap': {
        'importBootstrapCSS': true,
        'importBootstrapFont': true
    }
});

to your ember-cli-build.js and your good to go.