# Getting set up

{% hint style="info" %}
Manually Download the `bootstrap.color.min.css` file here. It includes all dependencies. You must have included bootstrap at first.&#x20;

:thumbsup:[**GitHub Link**](https://github.com/rayhanalshorif133/bootstrap-color)
{% endhint %}

<details>

<summary>Step1:  Link Bootstrap CDN in your head tag</summary>

```html
<link
  href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
  rel="stylesheet"
/>
```

</details>

<details>

<summary>Step 2: Link this CDN (bootstrap.color.min.css)</summary>

```html
<link
  href="https://cdn.jsdelivr.net/gh/rayhanalshorif133/bootstrap-color/dist/css@1.0.0/bootstrap.color.min.css"
  rel="stylesheet"
/>
```

</details>

{% hint style="info" %}
Include Bootstrap’s CSS and JS. Place the tag in the for our CSS, and the \<script> tag for our JavaScript bundle (including Popper for positioning dropdowns, poppers, and tooltips) before the closing.
{% endhint %}

```
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Bootstrap demo</title>
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css"
      rel="stylesheet"
    />
    <link
      href="https://cdn.jsdelivr.net/gh/rayhanalshorif133/bootstrap-color/dist/css@1.0.0/bootstrap.color.min.css"
      rel="stylesheet"
    />
  </head>
  <body>
    <h1>Hello, world!</h1>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.5/dist/umd/popper.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.min.js"></script>
  </body>
</html>
```
