/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

7 votes131 views3 answers
How to add query parameter to url in angular
Javascript AngularJS
21 votes144 views6 answers
Angular ngclass
Javascript AngularJS
21 votes196 views6 answers
Angular property has no initializer and is not definitely assigned in the constructor
Javascript AngularJS
0 vote142 views1 answer
Angular dart router without hash
Javascript AngularJS
0 vote146 views1 answer
Angular material slide effect button click
Javascript AngularJS
8 votes145 views3 answers
How to use another port in angular
Javascript AngularJS
1 vote134 views2 answers
Angular cli create component with module
Javascript AngularJS
1 vote130 views1 answer
How to use edit button in angular
Javascript AngularJS
2 votes129 views3 answers
Change route on button click angular
Javascript AngularJS
8 votes135 views2 answers
Angularjs onclick
Javascript AngularJS