Home Angular 8 Add Bootstrap in Angular 8

Add Bootstrap in Angular 8

by therichpost

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

Here is simple example to Add Bootstrap  to Angular 8 application. Angular 8  has been reached now and I have shared few posts related to this and you can check that with refer below link:

 Angular 8 Latest Posts

Here is the working picture:

Add Bootstrap in Angular 8
Add Bootstrap in Angular 8

Here are the following steps to add Bootstrap to Angular 8 application:

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

npm install --save bootstrap

2. Now add below code into your src/styles.css:

@import '~bootstrap/dist/css/bootstrap.min.css';

3. Now finally add below html to see working bootstrap into your app.component.html file:

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

Run ng serve –open command and see working bootstrap into your angular 7 application.

This is it, this is very simple and if you have any query related to this post, then please do comment below or ask question.

Thank you,



Related Articles

Leave a Comment

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