/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

2 votes181 views1 answer
Size carousel bootstrap 4
CSS Bootstrap
8 votes202 views3 answers
Bootstrap 4 center image
CSS Bootstrap
22 votes201 views2 answers
React-bootstrap example
Javascript Bootstrap
0 vote174 views1 answer
Bootstrap searchable pagination table example jquery
Javascript Bootstrap
26 votes223 views10 answers
Bootstrap
CSS Bootstrap
41 votes179 views4 answers
Bootstrap npmjs
Javascript Bootstrap
18 votes197 views6 answers
Install bootstrap angular 9
CSS Bootstrap
5 votes133 views1 answer
Bootstrap darkmode
CSS Bootstrap
0 vote184 views1 answer
Bootstrap modal overflow
CSS Bootstrap
0 vote200 views1 answer
Bootstrap not working in print
Javascript Bootstrap