Installing Bootstrap 4 with bower

bower yeoman bootstrap-4 bower-install
Henry00 picture Henry00 · Oct 12, 2015 · Viewed 19.6k times · Source

I have generated a yeoman website and that comes along with bootstrap 3, how can I install bootstrap 4 instead.

The tutorials all say to just run "bower install bootstrap", but that just installs bootstrap 3 again.

Answer

areim picture areim · Oct 12, 2015

First of all remove old bootstrap from your project (remove bower_components/bootstrap/ directory)

Than you have two options:

1. Bower command with particular version:

bower install bootstrap#4.0

2. Using bower.json file

create file called bower.json in your project root (see example below)

{
    "name": "app-name",
    "version": "0.0.1",
    "dependencies": {
        "bootstrap": "4.0"
    }
}

then run

bower install

I'd recommend second option with bower.json file, because this is more flexible solution, you can use boser.json for other packages you need, by simple adding new line.

Related questions

How to fix bower ECMDERR

I'm using "yeoman" and "bower" on windows 7 but got the following error when I create the app yo webapp The error is bower not-cached git://github.com/jlong/sass-bootstrap.git#~3.0.0 bower resolve git://github.com/jlong/sass-bootstrap.git#~3.0.0 bower not-cached …

Read More
Can bower automatically write <script> tags into index.html?

I'm using yeoman's backbone generator, and I ran this: bower install backbone.localStorage -S And I manually had to insert this into index.html: <script src="bower_components/backbone.localStorage/backbone.localStorage.js"></script> Is there …

Read More
Cannot find module 'karma' while using grunt

I am using Yeoman toolkit to bootstrap an Angular web application. I've followed all the steps mentioned here. But still, apparently, grunt can not find the karma module. It spits out this error: Loading "grunt-karma.js" tasks...ERROR >> …

Read More