# How do I install Bootstrap with Bower?

**URL:** https://discourse.roots.io/t/how-do-i-install-bootstrap-with-bower/2037
**Category:** uncategorized
**Created:** 2014-07-30T16:14:01Z
**Posts:** 9

## Post 1 by @shaimoom — 2014-07-30T16:14:01Z

Hi there. I’m just coming aboard with the new Roots. I just did a clean install and cannot figure out how to load Bootstrap. Thanks in advance for your help.

---

## Post 2 by @ben — 2014-07-30T16:48:24Z

Bootstrap is already loaded:

[https://github.com/roots/roots/blob/master/assets/less/main.less#L1-L2](https://github.com/roots/roots/blob/master/assets/less/main.less#L1-L2)  
[https://github.com/roots/roots/blob/master/assets/less/\_bootstrap.less](https://github.com/roots/roots/blob/master/assets/less/_bootstrap.less)

What do you mean by ‘load Bootstrap’? When `npm install` is ran, `bower install` automatically is afterwards ([although it’s kinda buggy](https://github.com/roots/roots/issues/1078)). `bower install` installs all of the dependencies in `bower.json` (including Bootstrap) to `assets/vendor/`

---

## Post 3 by @shaimoom — 2014-07-30T17:04:28Z

After I installed Roots, none of the Bootstrap styles showed up so I assumed that I was missing something and needed to ‘load Bootstrap’. I went ahead and ran `npm install` on the theme directory and saw this:  
`> roots@7.0.0 postinstall /Users/shaimoom/Sites/roots-demo/wp-content/themes/roots' '> bower install`  
I went back and checked my clean install but do not see the Bootstrap styles. What am I doing wrong?

---

## Post 4 by @ben — 2014-07-30T17:31:41Z

What is in your `assets/vendor/` directory? Nothing? If so, what happens when you do `bower install`?

edit: Just realized you might not have built the assets yet… from the README:

> - `grunt dev` — Compile LESS to CSS, concatenate and validate JS
> - `grunt watch` — Compile assets when file changes are made
> - `grunt build` — Create minified assets that are used on non-development environments

---

## Post 5 by @shaimoom — 2014-07-30T17:34:44Z

Here is what I see in the directory:

```
assets/vendor/bootstrap

assets/vendor/jquery

assets/vendor/modernizr

assets/vendor/respond
```

---

## Post 6 by @shaimoom — 2014-07-30T17:38:14Z

I am not sure if there is a correlation but I added a line of code to `_general.less` and voila! Bootstrap styles appeared. I will do another run of installing so I have this process down for my talk at WordCamp :wink: Thanks Ben.

---

## Post 7 by @shaimoom — 2014-08-02T04:07:24Z

@benword I have managed to figure out how to work with Bootstrap on my local dev. However, I pushed all the files to my staging site on Media Temple but the Bootstrap styles aren’t showing. Did I mess a step?

---

## Post 8 by @ben — 2014-08-02T19:11:59Z

Are you deploying with Git? The built assets are `.gitignore`'d by default. Are you seeing 404s in dev tools?

---

## Post 9 by @shaimoom — 2014-08-04T17:05:27Z

I am using the Github Mac App and [DeplyHQ](https://www.deployhq.com/) to deploy. I will go ahead and remove the built assets from `.gitignore`. Thanks I will give this a shot.