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

<link rel="stylesheet" type="text/css" href="css/bootstrap.css"> ... goes in head of index.html — Connor Leech
– Connor Leech, Commented Nov 30, 2013 at 13:53

asaf000 · Accepted Answer · 2013-08-30 23:44:33Z

14

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.

answered Aug 30, 2013 at 23:44

asaf000

5966 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Patrick Dougall Over a year ago

That components library is great but I'd also like to have Bootstrap's grid. For that I usually just include the css library. bootstrap-for-ember seems to have neglected that, unless I'm missing something?

Akshay Rawat Over a year ago

The above mentioned is deprecated now. The replacement indexiatech has a larger scope than bootstrap JS.

Deepak · Accepted Answer · 2017-04-21 13:25:38Z

1

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.

answered Apr 21, 2017 at 13:25

Deepak

314 bronze badges

Collectives™ on Stack Overflow

Using Bootstrap with Ember.js

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related