/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

45 votes443 views6 answers
Adding bootstrap to angular
Javascript Bootstrap
16 votes388 views3 answers
Bootstrap show modal jquery
Javascript Bootstrap
32 votes361 views6 answers
Alert bootstrap
CSS Bootstrap
0 vote399 views1 answer
Progress bar bootstrap border
CSS Bootstrap
0 vote383 views1 answer
Javascript test login password in bootstrap studio
Javascript Bootstrap
3 votes369 views1 answer
Bootstrap 3 offset
CSS Bootstrap
1 vote389 views1 answer
Bootstrap multiselect change value
Javascript Bootstrap
1 vote386 views1 answer
Bootstrap word-wrap: break-word;
CSS Bootstrap
0 vote376 views1 answer
Bootstrap table using javascript
Javascript Bootstrap
13 votes380 views2 answers
Bootstrap Aligning images
CSS Bootstrap