---
title: "Best way to link bootstrap file in your project"  
description: "Best way to link bootstrap file in your project"  
author: "Ethan Karla"  
published: 2021-07-28  
updated: 2021-07-28  
canonical: https://www.mindstick.com/forum/156583/best-way-to-link-bootstrap-file-in-your-project  
category: "bootstrap"  
tags: ["bootstrap"]  
reading_time: 1 minute  

---

# Best way to link bootstrap file in your project

What is the best way to attach/[link](https://www.mindstick.com/articles/23633/link-builder) a [bootstrap file](https://answers.mindstick.com/qa/93841/what-is-the-best-possible-way-to-attach-link-a-bootstrap-file-on-your-project-describe-it-with-a-reason) to my [project](https://www.mindstick.com/articles/105927/how-to-excel-at-managing-multiple-projects)? [Explain](https://www.mindstick.com/forum/157854/what-is-system-debugging-explain-some-system-debugging-tools-used-in-modern-computer-systems) it with reason.

## Replies

### Reply by Anonymous User

The best way to add a [Bootstrap](https://www.mindstick.com/articles/1555/image-viewer-using-bootstrap-carousel) [file](https://www.mindstick.com/articles/59/encrypting-and-decrypting-files-using-c-sharp) to your project is to link it via Bootstrap's CDN path. Because you don't need to download it and put it on your machine. This thing will save machine space and when the file is being loaded from the server it will be split between the two servers so that the file can be loaded easily. So instead of downloading it is better to go with Bootstrap CDN and use local copy of Bootstrap.

Adding Bootstrap 5 CDN to HTML

Bootstrap 5 no longer needs jQuery as a dependency since JavaScript can provide the same functionality. To add Bootstrap 5 CDN to HTML:

For CS

Copy this stylesheet link to the <head> tag of your desired HTML file.

```
<link rel=”stylesheet” href=”https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css”rel=”nofollow” integrity=”sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I” crossorigin=”anonymous”>
```

For JS

```
<script src=”https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js” integrity=”sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo” crossorigin=”anonymous”></script>
<script src=”https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js” integrity=”sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/” crossorigin=”anonymous”></script>
```

Note that you need to load Popper JS before loading Bootstrap JS.


---

Original Source: https://www.mindstick.com/forum/156583/best-way-to-link-bootstrap-file-in-your-project

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.
