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 How to add Read More Read Less Button using JavaScript? #3 Solution to “TypeError: ‘x’ is not iterable” in Angular 9 #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

#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 #Jan 14 How to display a student’s individual transcript in Colleague? #Jan 11 How to install PuTTY on a MacOS?
You might also like these
Some Useful Operators in The SQL WHERE ClauseSQL/MySQLLearn how to use Self JOIN in SQL and MySQLSQL/MySQLHow to Use Aggregate Functions (MIN, MAX, SUM, AVG, COUNT) to Summarize Data in SQL?SQL/MySQLSolution to “TypeError: ‘x’ is not iterable” in Angular 9AngularHow to change style of all direct children of an element using jQuery?jQueryWhy does MOV matter in IT or any kind of projects?MiscellaneousMicroservices vs Monolithic ArchitectureMiscellaneousHow to hide a DIV on clicks outside of it using jQuery?jQuerySpecificity of attribute selectorsCSSHow to create a cross-browser smooth scrolling with jQuery?jQueryWordPress: How to setup and get values from an ACF options page?WordPressHow to get the first element with a class name xyz using JavaScript?JavaScript