How to use Bootstrap

In order to use bootstrap framework, you have to embed bootstrap files. There are two ways attach Bootstrap files on your website.

1. Download Bootstrap 4
2. Use Bootstrap 4 from a CDN

You can find both the ways in bootstrap official website 'getbootstrap.com'.

Download Bootstrap 4.5

Bootstrap 4 CDN

If you don't want to download bootstrap files, you can include it from a CDN(Content Delivery Network). MaxCDN provides CDN for Bootstrap's classes. In order to use bootstrap JavaScript components like modal, tooltips, popovers etc. you must include jQuery and Popper.js library.

However, if you just use CSS part of Bootstrap, you don't need to include jQuery and Popper.js library.

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>

<!-- Popper JS -->
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script> 

One advantage of using the Bootstrap 4 CDN is that many users already have downloaded Bootstrap 4 from MaxCDN when visiting another site. As a result, it will be loaded from cache when they visit your site, which leads to faster loading time. Also, most CDN's will make sure that once a user requests a file from it, it will be served from the server closest to them, which also leads to faster loading time.