---
title: "Bootstrap JS and Bootstrap CSS link in your Project"  
description: "Bootstrap JS and Bootstrap CSS link in your Project"  
author: "Ethan Karla"  
published: 2021-07-28  
updated: 2021-07-28  
canonical: https://www.mindstick.com/forum/156588/bootstrap-js-and-bootstrap-css-link-in-your-project  
category: "bootstrap"  
tags: ["bootstrap"]  
reading_time: 2 minutes  

---

# Bootstrap JS and Bootstrap CSS link in your Project

Is it [necessary to add](https://answers.mindstick.com/qa/93843/is-it-necessary-to-add-bootstrap-js-and-bootstrap-css-both-in-your-project) both [Bootstrap](https://www.mindstick.com/articles/1555/image-viewer-using-bootstrap-carousel) JS and Bootstrap [CSS](https://www.mindstick.com/forum/514/background-gradient-ie7-css-problem) to [your project](https://www.mindstick.com/forum/156583/best-way-to-link-bootstrap-file-in-your-project)?

## Replies

### Reply by Anonymous User

It is not necessary to [add](https://www.mindstick.com/forum/12983/add-address-in-textbox-when-page-is-load-and-if-i-search-address-in-textbox-show-in-map-by-javascript) the CSS and JS files both simultaneously but for better usage and as per the rules and regulations of the HTML file you should have to add both the files. So, it'll be better to add both the files simultaneously. Here is the starter template you can use it for add the Bootstrap CSS and JS libraries :

```
<!doctype html>
<html lang='en'>
  <head>
    <!-- Required meta tags -->
    <meta charset='utf-8'>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <!-- Bootstrap CSS -->
    <link href='https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css' rel='stylesheet' integrity='sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC' crossorigin='anonymous'>
    <title>Hello, world!</title>
  </head>
  <body>
    <h1>Hello, world!</h1>
    <!-- Optional JavaScript; choose one of the two! -->
    <!-- Option 1: Bootstrap Bundle with Popper -->
    <script src='https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js' integrity='sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM' crossorigin='anonymous'></script>
    <!-- Option 2: Separate Popper and Bootstrap JS -->
    <!--
    <script src='https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js' integrity='sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p' crossorigin='anonymous'></script>
    <script src='https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js' integrity='sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF' crossorigin='anonymous'></script>
    -->
  </body>
</html>
```

Hope, this will clear your confusion.

Happy Coding!


---

Original Source: https://www.mindstick.com/forum/156588/bootstrap-js-and-bootstrap-css-link-in-your-project

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.
