/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

255 votes470 views8 answers
Bootstrap 4 cdn
Javascript Bootstrap
0 vote345 views1 answer
Datepicker select date programmatically bootstrap
Javascript Bootstrap
0 vote353 views1 answer
Navbar bootstrap display items horizontally
CSS Bootstrap
0 vote336 views1 answer
Jquery autocomplete bootstrap modal
Javascript Bootstrap
253 votes434 views10 answers
Bootstrap cdn
Javascript Bootstrap
45 votes371 views6 answers
Adding bootstrap to angular
Javascript Bootstrap
22 votes349 views2 answers
React bootstrap carousal not working
CSS Bootstrap
1 vote353 views3 answers
Copy text on click bootstrap
Javascript Bootstrap
6 votes316 views5 answers
Bootstrap icons
CSS Bootstrap
0 vote302 views5 answers
Boostrap css
CSS Bootstrap