# \[PSA\] Codepen's Quick-add Bootstrap 4 only adds the grid classes

**URL:** <https://forum.freecodecamp.org/t/psa-codepens-quick-add-bootstrap-4-only-adds-the-grid-classes/160119>\
**Category:** General\
**Created:** [November 20, 2017, 11:33pm UTC](https://forum.freecodecamp.org/t/psa-codepens-quick-add-bootstrap-4-only-adds-the-grid-classes/160119 "2017-11-20T23:33:54Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![kevcomedia](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kevcomedia/32/125737_2.png) [@kevcomedia](https://forum.freecodecamp.org/u/kevcomedia)\
**Post date:** [November 20, 2017, 11:33pm UTC](https://forum.freecodecamp.org/t/psa-codepens-quick-add-bootstrap-4-only-adds-the-grid-classes/160119/1 "2017-11-20T23:33:54Z")

</div>

If ever you’re going to use Bootstrap 4 in Codepen for the projects, please be aware that the Quick-add option for Bootstrap 4 adds only `bootstrap-grid.css`, not the entire library.

To use the full library, in the CSS settings, replace `bootstrap-grid.css` with `bootstrap.min.css`.

Happy coding 🙂

---

<div class="post-metadata">

**Author:** ![kevcomedia](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kevcomedia/32/125737_2.png) [@kevcomedia](https://forum.freecodecamp.org/u/kevcomedia)\
**Post date:** [November 20, 2017, 11:34pm UTC](https://forum.freecodecamp.org/t/psa-codepens-quick-add-bootstrap-4-only-adds-the-grid-classes/160119/2 "2017-11-20T23:34:41Z")

</div>



---

<div class="post-metadata">

**Author:** ![KoniKodes](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/konikodes/32/158615_2.png) [@KoniKodes](https://forum.freecodecamp.org/u/KoniKodes)\
**Post date:** [November 21, 2017, 9:06pm UTC](https://forum.freecodecamp.org/t/psa-codepens-quick-add-bootstrap-4-only-adds-the-grid-classes/160119/3 "2017-11-21T21:06:06Z")

</div>

Don’t forget to add jQuery and Bootstrap 4 to the JavaScript settings on CodePen.

---

<div class="post-metadata">

**Author:** ![Zip](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/zip/32/71024_2.png) [@Zip](https://forum.freecodecamp.org/u/Zip)\
**Post date:** [November 27, 2017, 12:45pm UTC](https://forum.freecodecamp.org/t/psa-codepens-quick-add-bootstrap-4-only-adds-the-grid-classes/160119/4 "2017-11-27T12:45:36Z")

</div>

It’s especially important to add the jQuery before the bootstrap.  
i did:

- 1st jQuery
- 2nd Poppster
- 3rd jQuery  
But I’m using BS3 soooo…

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [January 17, 2021, 8:33pm UTC](https://forum.freecodecamp.org/t/psa-codepens-quick-add-bootstrap-4-only-adds-the-grid-classes/160119/5 "2021-01-17T20:33:47Z")

</div>