/Javascript/Bootstrap/Adding bootstrap to angular

Adding bootstrap to angular

Installing bootstrap in angular 9

ng add @ng-bootstrap/ng-bootstrap

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 angular

npm install --save bootstrap

Adding bootstrap to angular

 $ npm install --save bootstrap

Install bootstrap in angular 9

npm install bootstrap --save

Source: itsolutionstuff.com

Similar codes

61 votes486 views2 answers
Bootstrap flex direction column
CSS Bootstrap
0 vote395 views1 answer
Horizontal cards react bootstrap
Javascript Bootstrap
0 vote435 views1 answer
React bootstrap css module use media query mixin
CSS Bootstrap
16 votes404 views3 answers
Bootstrap show modal jquery
Javascript Bootstrap
12 votes365 views5 answers
Bootstrap copy to clipboard
Javascript Bootstrap
0 vote419 views1 answer
Jquery bootstrap checkbox val
Javascript Bootstrap
0 vote388 views3 answers
Choose file bootstrap show filename
Javascript Bootstrap
9 votes403 views2 answers
Bootstrap cheat sheet
CSS Bootstrap
1 vote414 views3 answers
Copy text on click bootstrap
Javascript Bootstrap
0 vote383 views5 answers
Sweetalert to small bootstrap
CSS Bootstrap