14 March 2014

Simple pure CSS equal height columns in Twitter Bootstrap 2 or 3

Here’s a simple way to achieve equal height columns in Twitter Bootstrap 2x¬†or 3x.

Typical row/column markup in Bootstrap 3:

Typical row/column markup in Bootstrap 2:

Simply add the following to your styles for Bootstrap 3:

Or the following for Bootstrap 2:

Obviously it’s better to create a separate set of classes to target, but this should get you started.