# Why is it so difficult to add bootstrap?

**URL:** <https://discuss.emberjs.com/t/why-is-it-so-difficult-to-add-bootstrap/6682>\
**Category:** Uncategorized\
**Created:** [November 12, 2014, 6:31pm UTC](https://discuss.emberjs.com/t/why-is-it-so-difficult-to-add-bootstrap/6682 "2014-11-12T18:31:53Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![MarkNeon](https://avatars.discourse-cdn.com/v4/letter/m/3bc359/32.png) [@MarkNeon](https://discuss.emberjs.com/u/MarkNeon)\
**Post date:** [November 12, 2014, 6:31pm UTC](https://discuss.emberjs.com/t/why-is-it-so-difficult-to-add-bootstrap/6682/1 "2014-11-12T18:31:53Z")

</div>

I’ve spent hours trying to get bootstrap working and am beginning to think that Ember is still in beta.

At this point all I want to do is get bootstrap from a CDN, e.g.

```
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js">

```

But now I’m getting all these security violations:

> [Report Only] Refused to load the stylesheet ‘[https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css](https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css)’ because it violates the following Content Security Policy directive: “style-src ‘self’”.

---

<div class="post-metadata">

**Author:** ![kylecoberly](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/kylecoberly/32/15828_2.png) [@kylecoberly](https://discuss.emberjs.com/u/kylecoberly)\
**Post date:** [November 12, 2014, 7:14pm UTC](https://discuss.emberjs.com/t/why-is-it-so-difficult-to-add-bootstrap/6682/2 "2014-11-12T19:14:28Z")

</div>

It’s because Ember CLI enforces [CSP](https://github.com/rwjblue/ember-cli-content-security-policy#options) on the local node server. You have to whitelist external domains you want to pull from- check out that link for the API. I’m sure @rwjblue can clarify better than I can.

---

<div class="post-metadata">

**Author:** ![Panman8201](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/panman8201/32/17727_2.png) [@Panman8201](https://discuss.emberjs.com/u/Panman8201)\
**Post date:** [November 12, 2014, 9:23pm UTC](https://discuss.emberjs.com/t/why-is-it-so-difficult-to-add-bootstrap/6682/3 "2014-11-12T21:23:34Z")

</div>

Have you tried the [ember-cli-bootstrap addon](https://github.com/dockyard/ember-cli-bootstrap), which uses [bootstrap-for-ember](https://github.com/ember-addons/bootstrap-for-ember)?

---

<div class="post-metadata">

**Author:** ![MarkNeon](https://avatars.discourse-cdn.com/v4/letter/m/3bc359/32.png) [@MarkNeon](https://discuss.emberjs.com/u/MarkNeon)\
**Post date:** [November 12, 2014, 11:24pm UTC](https://discuss.emberjs.com/t/why-is-it-so-difficult-to-add-bootstrap/6682/4 "2014-11-12T23:24:23Z")

</div>

Yes, I tried that first and this is what happened:

```
c:\Sites\MyEmberApp>npm install --save-dev ember-cli-bootstrap
|
> ember-cli-bootstrap@0.0.12 postinstall c:\Sites\MyEmberApp\node_modules\ember-cli-bootstrap
> bower install

bower cached git://github.com/twbs/bootstrap.git#3.1.1
bower validate 3.1.1 against git://github.com/twbs/bootstrap.git#~3.1.1
bower cached git://github.com/ember-addons/bootstrap-for-ember.git#0.7.0
bower validate 0.7.0 against git://github.com/ember-addons/bootstrap-for-ember.git#~0.7.0
bower cached git://github.com/jquery/jquery.git#2.1.1
bower validate 2.1.1 against git://github.com/jquery/jquery.git#>= 1.9.0
bower install ember-addons.bs_for_ember#0.7.0
bower install bootstrap#3.1.1
bower install jquery#2.1.1

ember-addons.bs_for_ember#0.7.0 vendor\ember-addons.bs_for_ember

bootstrap#3.1.1 vendor\bootstrap
└── jquery#2.1.1

jquery#2.1.1 vendor\jquery
ember-cli-bootstrap@0.0.12 node_modules\ember-cli-bootstrap

c:\Sites\MyEmberApp>ember server
version: 0.1.2
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\bootstrap\dist\css\bootstrap.css` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\bootstrap\dist\css\bootstrap.css.map` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\css\bs-growl-notifications.min.css` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-core.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-alert.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-alert.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-badge.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-badge.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-basic.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-basic.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-breadcrumbs.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-breadcrumbs.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-button.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-button.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-core.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-core.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-growl-notifications.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-growl-notifications.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-items-action-bar.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-items-action-bar.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-label.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-label.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-list-group.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-list-group.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-modal.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-modal.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-nav.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-nav.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-notifications.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-notifications.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-popover.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-popover.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-progressbar.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-progressbar.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-wizard.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\ember-addons.bs_for_ember\dist\js\bs-wizard.max.js` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\bootstrap\dist\fonts\glyphicons-halflings-regular.eot` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\bootstrap\dist\fonts\glyphicons-halflings-regular.svg` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\bootstrap\dist\fonts\glyphicons-halflings-regular.ttf` into a subdirectory.
Using `app.import` with a file in the root of `vendor/` causes a significant performance penalty. Please move `vendor\bootstrap\dist\fonts\glyphicons-halflings-regular.woff` into a subdirectory.
Livereload server on port 35729
Serving on http://0.0.0.0:4200/

Build successful - 30973ms.

Slowest Trees | Total
-------------------------------+----------------
TreeMerger (appAndDependencies) | 6410ms
TreeMerger (ExternalTree) | 4799ms
TreeMerger (stylesAndVendor) | 4463ms
TreeMerger (vendor) | 2786ms
CustomStaticCompiler | 2729ms
TreeMerger | 2729ms
TreeMerger | 1785ms

```

The strange thing is that my vendor directory is empty except for a file named .gitkeep.

---

<div class="post-metadata">

**Author:** ![Panman8201](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/panman8201/32/17727_2.png) [@Panman8201](https://discuss.emberjs.com/u/Panman8201)\
**Post date:** [November 13, 2014, 3:09pm UTC](https://discuss.emberjs.com/t/why-is-it-so-difficult-to-add-bootstrap/6682/5 "2014-11-13T15:09:43Z")

</div>

That is a strange error. What version of ember-cli are you on? `ember -v`

Might help to delete your `node_modules` folder, clear cache `npm cache clean`, then re-install `npm install`

---

<div class="post-metadata">

**Author:** ![jeffcressman](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/jeffcressman/32/9327_2.png) [@jeffcressman](https://discuss.emberjs.com/u/jeffcressman)\
**Post date:** [November 27, 2014, 7:22am UTC](https://discuss.emberjs.com/t/why-is-it-so-difficult-to-add-bootstrap/6682/6 "2014-11-27T07:22:42Z")

</div>

I agree with @Panman8201 that clearing your caches might help, as this has fixed issues for me as well when I’ve tried a few different paths to get something working. I’d also clear the bower cache

```bash
npm cache clean
bower cache clean
npm install
bower install

```

Also, to get the Bootstrap javascript working you need to explicitly import the javascript in your `Brocfile.js`

I also ran into an issue related to Bootstrap where I had to include the un-minified version of `handlebars.js` to get builds working on Heroku and Firebase. You may not need that and better if you don’t as your deployed code will be smaller).

```javascript
var app = new EmberApp({
  'ember-cli-bootstrap': {
    'importBootstrapJS': true
  },
  vendorFiles: {
	'handlebars.js': {
		production: 'bower_components/handlebars/handlebars.js'
	}
  },
});

```

---

<div class="post-metadata">

**Author:** ![Branson\_G\_Kuria](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/branson_g_kuria/32/10384_2.png) [@Branson\_G\_Kuria](https://discuss.emberjs.com/u/Branson_G_Kuria)\
**Post date:** [February 25, 2015, 12:03pm UTC](https://discuss.emberjs.com/t/why-is-it-so-difficult-to-add-bootstrap/6682/7 "2015-02-25T12:03:06Z")

</div>

this gives errors when i try to use it too, weird…

---

<div class="post-metadata">

**Author:** ![Branson\_G\_Kuria](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/branson_g_kuria/32/10384_2.png) [@Branson\_G\_Kuria](https://discuss.emberjs.com/u/Branson_G_Kuria)\
**Post date:** [February 25, 2015, 12:09pm UTC](https://discuss.emberjs.com/t/why-is-it-so-difficult-to-add-bootstrap/6682/8 "2015-02-25T12:09:07Z")

</div>

for anyone coming to this thread for help…[ember-cli 0.2.0 beta 1](http://www.ember-cli.com/asset-compilation/)…that worked flawlessly for me

---

<div class="post-metadata">

**Author:** ![pcjpcj2](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/pcjpcj2/32/9702_2.png) [@pcjpcj2](https://discuss.emberjs.com/u/pcjpcj2)\
**Post date:** [February 26, 2015, 2:23pm UTC](https://discuss.emberjs.com/t/why-is-it-so-difficult-to-add-bootstrap/6682/9 "2015-02-26T14:23:37Z")

</div>

Use bower,

```
bower install --save-dev bootstrap

```

and open Brocfile.js , add above module.exports = app.toTree();

```
app.import('bower_components/bootstrap/dist/css/bootstrap.min.css');
app.import('bower_components/bootstrap/dist/js/bootstrap.min.js');

```

Good luck @MarkNeon 😄

---

<div class="post-metadata">

**Author:** ![diegodesouza](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/diegodesouza/32/10738_2.png) [@diegodesouza](https://discuss.emberjs.com/u/diegodesouza)\
**Post date:** [April 20, 2015, 2:34am UTC](https://discuss.emberjs.com/t/why-is-it-so-difficult-to-add-bootstrap/6682/10 "2015-04-20T02:34:13Z")

</div>

@pcjpcj2 I followed your example, but I think i might have done something wrong, since it’s not picking up bootstrap. when you do the bower install do you have to be in a specific directory of your app? or root does it? I imported the files also, no luck.

---

<div class="post-metadata">

**Author:** ![jorge\_lainfiesta](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/jorge_lainfiesta/32/11024_2.png) [@jorge\_lainfiesta](https://discuss.emberjs.com/u/jorge_lainfiesta)\
**Post date:** [April 20, 2015, 2:54am UTC](https://discuss.emberjs.com/t/why-is-it-so-difficult-to-add-bootstrap/6682/11 "2015-04-20T02:54:27Z")

</div>

To use bower you must be in the ember directory, as it will download the modules to `bower_components` in your ember app directory. Also, `bower.json` keeps track of the dependencies of your particular project.

---

<div class="post-metadata">

**Author:** ![diegodesouza](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/diegodesouza/32/10738_2.png) [@diegodesouza](https://discuss.emberjs.com/u/diegodesouza)\
**Post date:** [April 20, 2015, 3:00am UTC](https://discuss.emberjs.com/t/why-is-it-so-difficult-to-add-bootstrap/6682/12 "2015-04-20T03:00:53Z")

</div>

@jorge_lainfiesta I thought that was the case, though there’s something fishy then. … omitted for brevity ` "bootstrap": "~3.3", "ember-addons.bs_for_ember": "~0.7.0" }, "devDependencies": { "bootstrap": "~3.3.4" } }` these are the dependencies in my bower.json and i see the directory it created for me in my bower\_components. So why aren’t the changes being applied to my code?

---

<div class="post-metadata">

**Author:** ![jorge\_lainfiesta](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/jorge_lainfiesta/32/11024_2.png) [@jorge\_lainfiesta](https://discuss.emberjs.com/u/jorge_lainfiesta)\
**Post date:** [April 20, 2015, 3:03am UTC](https://discuss.emberjs.com/t/why-is-it-so-difficult-to-add-bootstrap/6682/13 "2015-04-20T03:03:39Z")

</div>

Did you edited your `Brocfile.js` too?

Also, remember to quit `ember serve` and start it again as it doesn’t check for changes in `Brocfile.js` (if I remember correctly).

---

<div class="post-metadata">

**Author:** ![diegodesouza](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/diegodesouza/32/10738_2.png) [@diegodesouza](https://discuss.emberjs.com/u/diegodesouza)\
**Post date:** [April 20, 2015, 3:06am UTC](https://discuss.emberjs.com/t/why-is-it-so-difficult-to-add-bootstrap/6682/14 "2015-04-20T03:06:45Z")

</div>

@jorge_lainfiesta Yea I’m pretty sure i had to restart my server. Because now i have a few bugs,` `Uncaught Error: Cannot call `compile` without the template compiler loaded. Please load `ember-template-compiler.js` prior to calling `compile`.``Uncaught Error: Could not find module `ember-cli-bootstrap/utils/test-breadcrumbs` imported from `blogger/helpers/test-breadcrumbs` `

---

<div class="post-metadata">

**Author:** ![pcjpcj2](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/pcjpcj2/32/9702_2.png) [@pcjpcj2](https://discuss.emberjs.com/u/pcjpcj2)\
**Post date:** [April 20, 2015, 3:45am UTC](https://discuss.emberjs.com/t/why-is-it-so-difficult-to-add-bootstrap/6682/15 "2015-04-20T03:45:45Z")

</div>

I use bower in my project root.

I recommend Ember Addon way,

```auto
ember install:addon ember-bootstrap

```

look here

> **[ember-bootstrap](https://www.npmjs.com/package/ember-bootstrap)**
>
> Bootstrap components for Ember.js. Latest version: 5.1.1, last published: 3 months ago. Start using ember-bootstrap in your project by running \`npm i ember-bootstrap\`. There are 14 other projects in the npm registry using ember-bootstrap.

---

<div class="post-metadata">

**Author:** ![diegodesouza](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/diegodesouza/32/10738_2.png) [@diegodesouza](https://discuss.emberjs.com/u/diegodesouza)\
**Post date:** [April 20, 2015, 2:40pm UTC](https://discuss.emberjs.com/t/why-is-it-so-difficult-to-add-bootstrap/6682/16 "2015-04-20T14:40:54Z")

</div>

excellent. Thanks for the response. It seems to be working now. @pcjpcj2

---

<div class="post-metadata">

**Author:** ![shturm](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/shturm/32/9614_2.png) [@shturm](https://discuss.emberjs.com/u/shturm)\
**Post date:** [May 16, 2015, 11:10pm UTC](https://discuss.emberjs.com/t/why-is-it-so-difficult-to-add-bootstrap/6682/17 "2015-05-16T23:10:09Z")

</div>

With this it fails to resolve source maps. I’d rather stick with custom grunt/broccoli setup. Already spent a full day just trying to add bootstrap…

---

<div class="post-metadata">

**Author:** ![pcjpcj2](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/pcjpcj2/32/9702_2.png) [@pcjpcj2](https://discuss.emberjs.com/u/pcjpcj2)\
**Post date:** [September 7, 2015, 11:41am UTC](https://discuss.emberjs.com/t/why-is-it-so-difficult-to-add-bootstrap/6682/18 "2015-09-07T11:41:15Z")

</div>

Brocfile.js has changed ./ember-cli-build.js [EmberCli not creating Brocfile.js - #6 by Frank\_Stock](http://discuss.emberjs.com/t/embercli-not-creating-brocfile-js/8388/6)

---

<div class="post-metadata">

**Author:** ![zoltan](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/zoltan/32/16699_2.png) [@zoltan](https://discuss.emberjs.com/u/zoltan)\
**Post date:** [November 16, 2015, 5:59am UTC](https://discuss.emberjs.com/t/why-is-it-so-difficult-to-add-bootstrap/6682/19 "2015-11-16T05:59:21Z")

</div>

I usually suggest the following if you need bootstrap and sass.

[Add sass and bootstrap to your ember.js 2.x project](http://yoember.com/#add-sass-and-bootstrap-to-your-app)

- Run the following two command in your terminal.

```auto
ember install ember-cli-sass
ember install ember-cli-bootstrap-sassy

```

- Rename your `app.css` to `app.scss`.

- Open `./app/styles/app.scss` file in your editor and add the following line:

```auto
@import "bootstrap";

```

- Done.

---

<div class="post-metadata">

**Author:** ![zoltan](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/zoltan/32/16699_2.png) [@zoltan](https://discuss.emberjs.com/u/zoltan)\
**Post date:** [November 16, 2015, 8:07am UTC](https://discuss.emberjs.com/t/why-is-it-so-difficult-to-add-bootstrap/6682/20 "2015-11-16T08:07:55Z")

</div>

A one liner:

```auto
ember install ember-cli-sass && ember install ember-cli-bootstrap-sassy && echo '@import "bootstrap";' > ./app/styles/app.scss && rm ./app/styles/app.css

```

[Next page](https://discuss.emberjs.com/t/why-is-it-so-difficult-to-add-bootstrap/6682.md?page=2)