Web
Analytics
installation of bootstrap 4 in angular 4 | without CDN | Angular | ASP.NET Tutorials

For Consultation : +91 9887575540

Stay Connected :

  1. For Bootstrap 3 installation

npm install bootstrap –save

For Bootstrap 4 installation

npm install bootstrap@next –save

Configure .angular-cli.json (Add reference of bootstrap css)
“styles”: [
“../node_modules/bootstrap/dist/css/bootstrap.min.css”,
“styles.scss”
]

For bootstrap dropdown, nav, popups etc add following

2) Install JQUERY

npm install jquery –save

3) Install Popper.js

npm install popper

Add reference of jquery, bootstrap.js and popper in angular.cli

“styles”: [
“../node_modules/bootstrap/dist/css/bootstrap.min.css”,
“styles.css”
],
“scripts”: [

“../node_modules/jquery/dist/jquery.min.js”,
“../node_modules/popper.js/dist/umd/popper.min.js”
“../node_modules/bootstrap/dist/js/bootstrap.min.js”

],

Now bootstrap set up has been completed