/Javascript/AngularJS/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

8 votes136 views3 answers
How to use another port in angular
Javascript AngularJS
0 vote126 views1 answer
Deploy angular app on google app engine
Javascript AngularJS
21 votes138 views6 answers
Angular new component
Javascript AngularJS
10 votes186 views6 answers
Refresh page angular
Javascript AngularJS
0 vote131 views1 answer
Count same product with price in angular
Javascript AngularJS
6 votes81 views1 answer
Angular 8 limit text length
Javascript AngularJS
0 vote134 views1 answer
How to slice one specific element from array in angular
Javascript AngularJS
12 votes131 views2 answers
Angular string contains
Javascript AngularJS
0 vote138 views1 answer
Angular Laravel has been blocked by CORS policy: Request header field x-requested-with is not allowed by Access-Control-Allow-Headers in preflight response.
Javascript AngularJS
0 vote133 views1 answer
Vs 2019 how to publish angular environment prod
Javascript AngularJS