Install Bootstrap for Angular 6
In this video we will discuss, installing and configuring Bootstrap for use in an Angular 6 project.
Text version of the video
http://csharp-video-tutorials.blogspo...
Healthy diet is very important for both body and mind. We want to inspire you to cook and eat healthy. If you like Aarvi Kitchen recipes, please support by sharing, subscribing and liking.
/ @aarvikitchen5572
Slides
http://csharp-video-tutorials.blogspo...
Angular 6 Tutorial
• Angular 6 tutorial for beginners
Angular 6 Tutorial Text Articles & Slides
http://csharp-video-tutorials.blogspo...
Angular, JavaScript, jQuery, Dot Net & SQL Playlists
https://www.youtube.com/user/kudvenka...
We will be using Bootstrap for styling. Install bootstrap using the following NPM command
npm install bootstrap@3 jquery --save
This installs Bootstrap in the node_modules folder. If you do not find the bootstrap folder in node_modules folder, restart visual studio code and you will find it. You can also execute the following command in the integrated terminal window and search for bootstrap folder.
dir node_modules
In Angular CLI configuration file include the path to the Bootstrap CSS file in the styles array. Remember in Angular 6, the Angular CLI configuration file is renamed to angular.json from angular-cli.json.
"styles": [
"src/styles.css",
"node_modules/bootstrap/dist/css/bootstrap.min.css"
]
Bootstrap relies on jQuery for some of it's features. If you plan on using those features, please include the path to jQuery and Bootstrap jQuery files in the scripts array in angular.json file.
"scripts": [
"node_modules/jquery/dist/jquery.min.js",
"node_modules/bootstrap/dist/js/bootstrap.min.js"
]
To verify that you have the correct paths specified, you can request the respective files by running the angular project and pointing your browser to http://localhost:4200/node_modules/bootstrap/dist/css/bootstrap.min.css
On this page of the site you can watch the video online Install Bootstrap for Angular 6 with a duration of hours minute second in good quality, which was uploaded by the user kudvenkat 17 September 2018, share the link with friends and acquaintances, this video has already been watched 179,333 times on youtube and it was liked by 599 viewers. Enjoy your viewing!
