Bootstrap Integration - Angular 6 / Angular 7

Posted at: December 15, 2018 3:54 PM

Integrate bootstrap 4.x in Angular 6 or 7.

Step1:

Go to download section on bootstrap website and see "Install Bootstrap in your Node.js powered apps with the npm package" Run this command on your angular app.

Step2:

Go to node_modules directory and and see bootstrap directory. Its contain css and js file.

Step3:

Download latest jquery library from this https://jquery.com/download/. Upload this file in folder node_modules/bootstrap/dist/js

Now edit angular.json file for adding css and js. This file is available in your project root folder.

Add bootstrap.min.css in side architect->build->options: "styles"object

node_modules/bootstrap/dist/css/bootstrap.min.css

Add bootstrap.min.js in architect->build->options: "scripts"object

node_modules/bootstrap/dist/js/bootstrap.min.js

angular.json file.

You can watch video on Bootstrap Integration - Angular 6 / Angular 7


Bootstrap

Please click below YouTube button for subscribe my channel RSGiTECH for latest videos.

Angular Project Login - username: admin and password: admin


Angular 6/7 Tutorial in Hindi

Angular 7 is a JavaScript based framework for building web applications and apps in JavaScript, html, and TypeScript, which is a superset of JavaScript, used to create Single Page Applications.

RSGiTECH provides video tutorial for enough understanding of all the necessary components of Angular 6 and Angular 7.

RSGITECH will keep uploading videos of the latest features of Angular. Please subscribe my channel for latest videos.


Please leave comments

5 Comments

truecodex launched free android app. You can download and install truecodex app on your mobile and get notification of the latest post.

Video Tutorials on YouTube