Bootstrap Integration - Angular 6 / Angular 7

Posted at: December 15, 2018 3:54 PM

Integrate bootstrap 4.x in Angular 6 or 7.


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.


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


Download latest jquery library from this 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


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


angular.json file.

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


Please click below YouTube button for subscribe my channel truecodex 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. provides video tutorial for enough understanding of all the necessary components of Angular 6 and Angular 7. will keep uploading videos of the latest features of Angular. Please subscribe my channel for latest videos.

Please leave comments

Speed Up Your Magento Store by 300%

Angular Templates

React Templates

Magento 2 Templates

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