/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 votes186 views1 answer
How to show bootstrap 5 modal using jquery
Javascript Bootstrap
14 votes203 views6 answers
Bootstrap image size
CSS Bootstrap
1 vote184 views2 answers
Change nav background color on scroll css without bootstrap
CSS Bootstrap
3 votes204 views2 answers
Bootstrap 5 pagination
CSS Bootstrap
0 vote203 views1 answer
Show modal in bootstrap 4
CSS Bootstrap
0 vote246 views1 answer
How to change tab color react bootstraps customixation
Javascript Bootstrap
0 vote180 views1 answer
Bootstrap-scss github
CSS Bootstrap
0 vote178 views1 answer
React bootstrap make col disapear in small screens
Javascript Bootstrap
126 votes287 views5 answers
React Bootstrap css import
CSS Bootstrap
12 votes189 views6 answers
Bootstrap modal
Javascript Bootstrap