How to install specific version of bootstrap using Angular CLI

Question

I am trying to include bootstrap 3.7 in my angular 2 project by using Angular CLI command -

npm install bootstrap --save

I have requirement to use bootstrap 3.7 version. But, it is installing the latest version of bootstrap i..e bootstrap 4.

How to install specific version of bootstrap using Angular CLI?

Possible duplicate of [How do I install a previous version of an npm package?](https://stackoverflow.com/questions/15890958/how-do-i-install-a-previous-version-of-an-npm-package) — Jota.Toledo, Jan 24 '18 at 18:19

score 52 · Accepted Answer · answered Jan 24 '18 at 17:19

52

From the official bootstrap documentation :

You can also install Bootstrap using npm:

npm install bootstrap@3 --save

answered Jan 24 '18 at 17:19

Rafik Tighilt

1,963
1
13
27

3

For specific version - npm install bootstrap@3.3.7 --save – Himalaya Garg Feb 11 '19 at 05:46

score 10 · Answer 2 · edited Mar 22 '18 at 11:03

10

This is related to NPM, not angular. There are 2 ways:

npm install bootstrap@version --save(replace version with the desired version). Using --save is a best pratice. It adds the bootstrap dependencies to package.json
Check your package.json and update "bootstrap": "4.0.0" to 3.3.7

edited Mar 22 '18 at 11:03

Dexter

3,476
3
42
53

answered Jan 24 '18 at 17:20

TheUnreal

21,504
41
145
251

Thai Mozhi Kalvi · Answer 3 · 2019-03-26T10:45:16.123

6

You Can install Bootstrap Version 3.3.7 using below comment.

$ npm install bootstrap@3.3.7 --save

edited Mar 26 '19 at 10:45

answered Mar 21 '19 at 05:59

Thai Mozhi Kalvi

463
4
5

score 3 · Answer 4 · answered Jan 24 '18 at 17:19

3

Specify the version you want in the 'dependencies' section of your package.json, then from your root project folder in the console run this:

npm install

answered Jan 24 '18 at 17:19

Sajeetharan

203,447
57
330
376

I have noticed that everyone uses 'npm install bootstrap'. why not 'npm install --save bootstrap'? Will it not throw an error when the codebase is shared with some other developer as it will not be added in package.json but is being referencecd in angular.json file. PS. I am new to angular 7. Just curious to know why people dont use --save for this package – prawwe316 Mar 06 '19 at 18:52

score 2 · Answer 5 · answered Feb 24 '20 at 06:15

2

Use following command:

npm install bootstrap@version --save

Replace the version with the respective version you need. See the example below to install v.3.3.7

npm install bootstrap@3.3.7 --save

answered Feb 24 '20 at 06:15

Basil

1,562
12
19

score 1 · Answer 6 · answered Nov 18 '19 at 13:25

You can install bootstrap using npm command.

npm install bootstrap@version --save

Here "@version" is the version of bootstrap. You can replace it by specific version as below.

npm install bootstrap@3.7 --save

You can also use @latest to install latest version of it.

score 0 · Answer 7 · answered Aug 04 '21 at 20:20

Install Bootstrap Specific Version in Angular

npm install bootstrap@4.6 --save // 4.6 is a version value you can change it accordingly.

If you like to install bootstrap along with JQuery in Angular

npm install bootstrap@@4.6 jquery --save

Note: you can try without --save also.

How to install specific version of bootstrap using Angular CLI

7 Answers7