/Javascript/Bootstrap/How to install bootstrap in angular

How to install bootstrap in angular

Install angular bootstrap

# From project directory:
npm install --save bootstrap
npm install --save jquery

# Now edit `angular.json`
# Position: `projects -> architect -> build -> options`
# To `styles`, add "node_modules/bootstrap/dist/css/bootstrap.css"
# To `scripts`,
#   add "node_modules/jquery/dist/jquery.js"
#   and also "node_modules/bootstrap/dist/js/bootstrap.js"
# Test with
# <<div class="alert alert-primary" role="alert"> Bootstrap alert</div>

How to add bootstrap in angular

@import "~bootstrap/dist/css/bootstrap.css"

 "styles": [
              "./node_modules/bootstrap/dist/css/bootstrap.css",
              "src/styles.css"              
            ],

Install bootstrap in angular 9

npm install bootstrap
 --save

Source: itsolutionstuff.com

Install bootstrap angular 9

From angular cli:

npm install --save bootstrap
npm install --save jquery

Then add the following paths to angular.json:

"node_modules/bootstrap/dist/css/bootstrap.css" in the projects -> architect -> build -> styles array
"node_modules/jquery/dist/jquery.js" in the projects -> architect -> build -> scripts array
"node_modules/bootstrap/dist/js/bootstrap.js" in the projects -> architect -> build -> scripts array

How to install bootstrap in angular

npm install bootstrap

Source: loiane.com

How to install bootstrap in angular

"styles": [
  "node_modules/bootstrap/dist/css/bootstrap.min.css",
  "styles.scss"
]

Source: loiane.com

Similar codes

5 votes391 views2 answers
Close bootstrap modal with javascript
Javascript Bootstrap
20 votes442 views2 answers
Bootstrap screen sizes
CSS Bootstrap
34 votes390 views6 answers
Rounded bootstrap
Javascript Bootstrap
4 votes394 views4 answers
Bootstrap modal popup disable click outside
Javascript Bootstrap
0 vote375 views5 answers
Boostrap css
CSS Bootstrap
1 vote416 views2 answers
How to make hr class bootstrap full width
CSS Bootstrap
92 votes452 views5 answers
Bootstrap primary color code
CSS Bootstrap
64 votes484 views4 answers
Bootstrap buttons
CSS Bootstrap
0 vote398 views1 answer
Mdbootstrap react
Javascript Bootstrap
1 vote413 views1 answer
Bootstrap js link not working
Javascript Bootstrap