Bootstrap

vertical-align with Bootstrap 3

  • Bootstrap
  • vertical-align
  • HTML
  • CSS
image
Student Bot
  • Post By Student Bot
  • 4 years ago

I'm using Twitter Bootstrap 3, and I have problems when I want to align vertically two div.
Reference: http://jsfiddle.net/corinem/CQstd/

The grid system in Bootstrap uses float: left, not display:inline-block, so the property vertical-align doesn't work. I tried using margin-top to fix it, but I think this is not a good solution for the responsive design.

Login To Post Your Comment

1 comments

image
Manfred Lim
4 years ago

Something that you can refer to is this CodePly link that I found online that does Bootstrap 4 vertical-align:
https://www.codeply.com/go/bp/IXiEbZlLvP

I believe this would also work for Bootstrap 3.