Tutorial to add 3rd party bootstrap template

I have followed the Embercasts tutorial on how to build an Ember application. Though, one big thing that was glossed over was the choice of CSS template. Embercasts uses their own that is downloaded via NPM. This is nice, but it kind of short circuits the tutorial.

I downloaded the INSPINIA theme and would like to use that (see steps below). Is this possible? Am I doing something wrong or do I need to use Ember specific templates? I am new to this so any help is greatly appreciated


The steps I have taken so far: 1.) installed ember-bootstrap 2.) installed the SASS pre-processor 3.) I copied the scss files into app\styles 4.) In app.scss, I added the following line:

@import “style”;

5.) My Ember-cli0build.js is as follows:

‘use strict’;

const EmberApp = require(‘ember-cli/lib/broccoli/ember-app’);

module.exports = function(defaults) {

let app = new EmberApp(defaults, {

'ember-bootstrap': {
  'bootstrapVersion': 4,
  'importBootstrapFont': false,
  'importBootstrapCSS': false


return app.toTree();


1 Like