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

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 into my codepen it doesn’t achieve the intended effect.

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


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.

1 Like

Fixing the height worked. Thanks for the advice!