Search⌘ K
AI Features
Home
Courses
Developing Robust Web Applications with Ember.js

Adding Bootstrap in Our Application

Explore how to integrate Bootstrap into your Ember.js application by using Ember addons, npm, and Bower package managers. Learn to configure ember-cli-build.js, resolve common installation issues, and apply Bootstrap classes to enhance your app's responsiveness and design efficiently.

We'll cover the following...

Adding assets to our build

While building our application, Ember CLI bundles all the required JavaScript files and application code into one big ball. This big ball is named after the project name. The same procedure is followed for the CSS files. Ember uses a package called Broccoli to bundle our assets. The ember-cli-build.js file contains the configuration for Broccoli.

We can add assets to our application in the following ways:

  • We can use Ember addons.
  • We can use the npm package manager.
  • We can use the Bower package manager.

Ember addons

Ember addons are simple JavaScript packages that are compatible with Ember. We can install any addon by using the following command:

$ ember install <package-name>
...