Home Angular6 Add Bootstrap 4 to Angular 6

Add Bootstrap 4 to Angular 6

by therichpost
Published: Last Updated on 1 comment
How to make business template with Bootstrap 4 and Angular 9?

Hello to all, welcome to therichpost.com.  In this post, I will tell you, Add Bootstrap 4 to Angular 6.

Here is simple example to Add Bootstrap 4 to Angular 6 application.

Here is the working picture:


Here are the following steps to add Bootstrap 4 Angular 6 application:

1. First you need to run below command into your terminal to include bootstrap 4 into your angular 6 app:

npm install --save bootstrap

2. After that, you need to add below code into your angular.json file:

"styles": [
           "scripts": [


 3. After that, you need to below code into your app.component.html file:

<div class="container">
  <table class="table table-striped">
    <thead class="thead-light">
    <td>4 yrs</td>

 4. Finally, run your application again and you are done.

If you have any query related to this post then you can ask the questions or comment below.


You may also like

1 comment

jasmeen November 14, 2018 - 9:25 am

@import ‘~bootstrap/dist/css/bootstrap.min.css’;


Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.