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 PHP Login System using PDO Part 1: Create User Registration Page #6 How to uninstall Cocoapods from the Mac OS?

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
Rendering Elements in ReactReactHow to show slider value in HTML5 range input using JavaScript?HTMLLearn to Implement Estimated Reading Time using PHP Part 1: The BasicsPHPHow to host Google fonts on your server and add them using CSS?CSSHow SCSS (Sass) finds a module without a file extension?SCSSWhat is DevOps?MiscellaneousPHP Login System using PDO Part 1: Create User Registration PagePHP3 JavaScript methods to use when you want to go back and forth in historyJavaScriptHow to select multiple values in React dropdown?ReactWHERE Clause in PostgresPostgresUnary Operators in JavaScriptJavaScriptWhat is a component helper function in React?React