SolidJs just like React as their dedicated Bootstrap components for them. This is called <code>solid-bootstrap</code> just like <code>react-bootstrap</code>.
<h2 id="heading-to-add-this-bootstrap-to-your-working-solidjs-project">To add this bootstrap to your working SolidJs project,</h2>
<ol>
<li>Make sure you are in the directory of your project, opened in your code editor.
</li>
<li>Run the command:
<pre><code>npm i solid-bootstrap
</code></pre></li>
<li>After command runs successful, open <code>package.json</code> to see that it is installed correctly
</li>
<li>Open your <code>index.html</code> file
</li>
<li>Add this, before your title, in your head section:
<pre><code>&lt;link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"&gt;
</code></pre></li>
</ol>
<h2 id="heading-references">References</h2>
<ul>
<li>Solid Bootstrap: <a href="https://github.com/solid-libs/solid-bootstrap" class="autolinkedURL autolinkedURL-url" target="_blank">github.com/solid-libs/solid-bootstrap</a>
</li>
<li>Bootstrap: <a href="https://getbootstrap.com/docs/5.2/getting-started/introduction/" class="autolinkedURL autolinkedURL-url" target="_blank">getbootstrap.com/docs/5.2/getting-started/i..</a>
</li>
</ul>
<h2 id="heading-acknowledgement">Acknowledgement</h2>
<a target="_blank" href="https://www.youtube.com/channel/UCAGcPTPQ4SxAdvYyRCeCTsQ">Dev P Academy</a>
<h2 id="heading-thanks-for-engaging">Thanks for engaging 🎉</h2>

SolidJs just like React as their dedicated Bootstrap components for them. This is called ```solid-bootstrap``` just like ```react-bootstrap```.

## To add this bootstrap to your working SolidJs project, 

1. Make sure you are in the directory of your project, opened in your code editor.

2. Run the command:
```
npm i solid-bootstrap
```

3. After command runs successful, open ```package.json``` to see that it is installed correctly

4. Open your ```index.html``` file

5. Add this, before your title, in your head section:
```
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
``` 

## References

- **Solid Bootstrap**: https://github.com/solid-libs/solid-bootstrap

- **Bootstrap**: https://getbootstrap.com/docs/5.2/getting-started/introduction/


## Acknowledgement

[Dev P Academy](https://www.youtube.com/channel/UCAGcPTPQ4SxAdvYyRCeCTsQ)


## Thanks for engaging 🎉

How to Implement Bootstrap to a SolidJs Project

Bootstrap in SolidJs

Adding Bootstrap to your working SolidJs Project.

How to Implement Bootstrap in a SolidJs Project

Transparent learning and understanding in technology, business, programming, and finance.
