How to insert Bootstrap 4 in Angular 9 app?
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.


Leave a Reply

Most Read

#1 How to check if radio button is checked or not using JavaScript? #2 How to set opacity or transparency using CSS? #3 Pagination in CSS with multiple examples #4 How to make HTML form interactive and using CSS? #5 Solution to “TypeError: ‘x’ is not iterable” in Angular 9 #6 How to uninstall Cocoapods from the Mac OS?

Recently Posted

Mar 5 How to create flickering text using CSS? Mar 4 How to use data-* Attributes in HTML? Mar 4 The substr() method in JavaScript and how it’s different from substring() Mar 4 A complete guide to add responsive YouTube videos using HTML and CSS Mar 3 How to embed YouTube or other video links in WordPress? Mar 3 How to change the Login Logo in WordPress?

You might also like these

10 Usability Blunders to AvoidUI/UXHow to Install PHP Laravel in MacOS Catalina?PHPThe SELECT DISTINCT Statement in SQLSQL/MySQLWhat is XP (Extreme Programming) and When should it be used?MiscIntroduction to Angular modules Part 3: NgModules vs JavaScript modules and Angular librariesAngularThe 8 Golden Rules of Programming I Have Learned in My CareerMisc5 Ways to Loop Through JavaScript ArraysJavaScriptIntroduction to components and templates Part 2: Templates and viewsAngularHow to Use password_hash and password_verify to Secure Your User’s Data (Especially Passwords)?PHPHow to change value of a span tag using a reference from another div using jQuery?jQueryFive common features of Angular template syntax (with examples)AngularHow to check if radio button is checked or not using JavaScript?JavaScript