Yogesh Chauhan's Blog

How to insert Bootstrap 4 in Angular 9 app?

in Angular on October 15, 2020

Adding Bootstrap in Angular app is as easy as adding it to any simple HTML application. 

Simply add this code to your src/index.html file head in your Angular application.



//add this code to head tag in src/index.html file

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>

Test it by running your angular app and adding some Bootstrap classes to any html elements in your src/app.component.html file.


Most Read

#1 How to check if radio button is checked or not using JavaScript? #2 Solution to “TypeError: ‘x’ is not iterable” in Angular 9 #3 How to add Read More Read Less Button using JavaScript? #4 How to uninstall Cocoapods from the Mac OS? #5 PHP Login System using PDO Part 1: Create User Registration Page #6 How to Use SQL MAX() Function with Dates?

Recently Posted

#Aug 15 Is PHP still good for back-end programming? #Aug 10 How to create a multisite network in WordPress? #Aug 3 How to create a circle that follows a cursor using JavaScript and CSS? #Aug 3 How to make a curtain slider using jQuery and CSS? #Aug 2 How to progressively load images and add a blurry placeholder? #Aug 1 How to create a placeholder loader (throbber) using CSS?
You might also like these
How to Create a Copy of a Table in SQL and MySQL?SQL/MySQLSELF JOIN in PostgresPostgresHow to hide a DIV on clicks outside of it using jQuery?jQueryWordPress get_posts ExamplesWordPressWhere is the PHP log file located on Mac OS?PHPSelector Lists and Combinators in SCSS (Sass)SCSSHow to add a Line Chart in Angular App?Angular5 Key Principles Of Good Website UsabilityUI/UX$this Keyword in PHPPHPWhat is the difference between Loosely Typed Language and Strongly Typed Language?MiscellaneousHow to Install PHP composer in Mac OS Catalina?PHPHow to create a flip effect with CSS?CSS