Bootstrap, formerly known as Twitter Bootstrap, is a popular, free, and open source collection of tools to create websites and applications. It contains several templates for typography, forms, buttons, and navigation.
You can use Bootstrap to make nice and simple user interfaces. In this recipe, we'll use it to create a drop-down menu.
In a new Ember application, use Bower to install the latest version of Bootstrap:
$ bower install bootstrap --save-dev
This uses Bower's frontend package manager to install Bootstrap. It will be saved as a development dependency in the
bower.json
file.Update the
ember-cli-build.js
file and add the libraries for Ember Bootstrap:// ember-cli-build.js /* global require, module */ var EmberApp = require('ember-cli/lib/broccoli/ember-app'); module.exports = function(defaults) { var app = new EmberApp(defaults, { // Add options here }); app.import('bower_components/bootstrap/dist/js/bootstrap.js...