# Why is this css copy/pasted from the bootstrap 4 documentation not working on my codepen?

**URL:** <https://forum.freecodecamp.org/t/why-is-this-css-copy-pasted-from-the-bootstrap-4-documentation-not-working-on-my-codepen/149165>\
**Category:** General\
**Created:** [September 21, 2017, 12:44pm UTC](https://forum.freecodecamp.org/t/why-is-this-css-copy-pasted-from-the-bootstrap-4-documentation-not-working-on-my-codepen/149165 "2017-09-21T12:44:54Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![BLBaylis](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/blbaylis/32/74502_2.png) [@BLBaylis](https://forum.freecodecamp.org/u/BLBaylis)\
**Post date:** [September 21, 2017, 12:44pm UTC](https://forum.freecodecamp.org/t/why-is-this-css-copy-pasted-from-the-bootstrap-4-documentation-not-working-on-my-codepen/149165/1 "2017-09-21T12:44:54Z")

</div>

Just playing around with Bootstrap to get a better understanding of it, but when I copypasted [the code for vertical alignment in the grid system](https://getbootstrap.com/docs/4.0/layout/grid/#alignment) into my [codepen](https://codepen.io/BLBaylis/pen/YrWLwM?editors=1010) it doesn’t achieve the intended effect.

I have Bootstrap 3 and 4 both selected in my pen.

Thanks!

---

<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:** [September 21, 2017, 12:46pm UTC](https://forum.freecodecamp.org/t/why-is-this-css-copy-pasted-from-the-bootstrap-4-documentation-not-working-on-my-codepen/149165/2 "2017-09-21T12:46:44Z")

</div>

It’s not a good idea to use both versions in the same page.

You might have to tweak your CSS a bit to achieve a similar effect as that in the docs. For example, giving the rows a fixed height (say, 100px), then give the rows and cols different background colors and borders.

---

<div class="post-metadata">

**Author:** ![BLBaylis](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/blbaylis/32/74502_2.png) [@BLBaylis](https://forum.freecodecamp.org/u/BLBaylis)\
**Post date:** [September 21, 2017, 12:59pm UTC](https://forum.freecodecamp.org/t/why-is-this-css-copy-pasted-from-the-bootstrap-4-documentation-not-working-on-my-codepen/149165/3 "2017-09-21T12:59:05Z")

</div>

Fixing the height worked. Thanks for the advice!

---

<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:39pm UTC](https://forum.freecodecamp.org/t/why-is-this-css-copy-pasted-from-the-bootstrap-4-documentation-not-working-on-my-codepen/149165/4 "2021-01-17T20:39:23Z")

</div>

Closed on January 17, 2021, 8:39pm UTC