/ css

Vertical center columns with bootstrap 3

Usually vertical align center can be easily done with display: table. Not the case with bootstrap3.

Here's some examples:

See the Pen Test vertical center in bootstrap by Roy (@resting) on CodePen.

First is just a futile attempt, the rest are different ways of aligning center vertically.

Notice the method using display:inline-block (3rd example) has a slightly different column width.

Vertical center columns with bootstrap 3
Share this