To simplify, just utilize these two essential files:
bootstrap.min.css
bootstrap.bundle.min.js
If preferred, you can host them locally, but the easiest approach is to integrate them via a CDN. For instance, here are the jsDelivr links for version 5.1.3:
<link href="https://cdn.jsdelivr.net/npm/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="4e2c21213a3d3a3c2f3e0e7b607f607d">[email protected]</a>/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="42202d2d36313630233202776c736c71">[email protected]</a>/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
For the latest CDN links, visit getbootstrap.com and navigate to the jsDelivr section.
The remaining files serve as condensed versions of the complete bootstrap distribution. They prove useful when only specific feature(s) are required rather than the entire library.
For instance, if solely utilizing bootstrap's grid system without additional features, opt for bootstrap-grid.min.css
in place of bootstrap.min.css
.
JS files |
Popper |
jQuery |
bootstrap.bundle(.min).js |
Included |
✗ |
bootstrap(.min).js |
✗ |
✗ |