In this article let’s discuss about How to install bootstrap angular. Let’s go through the following methods without any delay.
# 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 # <Bootstrap alert
If you are facing any issues with the above approach then try the alternative that is given below. It may look similar but have a try!
Method 2 :
From angular cli: npm install --save bootstrap npm install --save jquery Then add the following paths to angular.json: "node_modules/bootstrap/dist/css/bootstrap.css" in the projects -> architect -> build -> styles array "node_modules/jquery/dist/jquery.js" in the projects -> architect -> build -> scripts array "node_modules/bootstrap/dist/js/bootstrap.js" in the projects -> architect -> build -> scripts array
Hope the above solution works.
Realted Posts : How to extract gz file ubuntu