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 Solution to the error “Visual Studio Code can’t be opened because Apple cannot check it for malicious software” #2 How to add Read More Read Less Button using JavaScript? #3 How to check if radio button is checked or not using JavaScript? #4 Solution to “TypeError: ‘x’ is not iterable” in Angular 9 #5 How to uninstall Cocoapods from the Mac OS? #6 PHP Login System using PDO Part 1: Create User Registration Page

Recently Posted

#Apr 8 JSON.stringify() in JavaScript #Apr 7 Middleware in NextJS #Jan 17 4 advanced ways to search Colleague #Jan 16 Colleague UI Basics: The Search Area #Jan 16 Colleague UI Basics: The Context Area #Jan 16 Colleague UI Basics: Accessing the user interface
You might also like these
Some Useful Operators in The SQL WHERE ClauseSQL/MySQLHow to create an empty array in Swift?SwiftSolution to pod install fails with json error on Mac OS X 10.15 (or Mac OS Catalina)MiscellaneousHow to create a Child Theme in WordPress?WordPressWordPress 5.7 is migrating to latest jQuery version and people are freaking outjQueryHow to use $INSERT command in Envision Basic?Envision BasicWhat is Hadoop and Hadoop Ecosystem?MiscellaneousAll possible ways you can Insert Data in PostgresPostgresHow to remove trailing characters from a string using JavaScript?JavaScriptData Flows in ReactReactThe fundamental difference between HAVING and WHERE clauses in PostgresPostgres4 different Ways to Get JavaScript OutputJavaScript