Vertically Center an Image inside a div in CSS and Bootstrap

Asked Sep 22 '14 at 00:22

Active Sep 22 '14 at 00:22

Viewed 101 times

I have a Bootstrapped HTML/ CSS. I need to vertically center an image inside a Bootstrap grid.

On lowering the screen size, the image tends to go upwards. Like this. I need the image to always be vertically centered ( Drawn in Red box)

The fiddle for the issue is here.

What change should be made in the CSS that image is always vertically centered in the responsive bootstrap grid?

asked Sep 22 '14 at 00:22

FlyingAura

The answer to [this question](http://stackoverflow.com/questions/23477909/vertically-center-constrained-image-in-bootstrap-thumbnail) may be helpful. – Josh Crozier Sep 22 '14 at 00:25
Possible Duplicate: http://stackoverflow.com/questions/13771101/centering-a-button-vertically-in-table-cell-using-twitter-bootstrap – Daniel Cheung Sep 22 '14 at 14:03
@JoshCrozier : I've tried vertical align, It still doesnt work. – FlyingAura Sep 22 '14 at 17:57
@DanielCheung: Vertical Align seems to make no difference. – FlyingAura Sep 22 '14 at 17:57
@Tom Sarduy: Could you help please? – FlyingAura Sep 22 '14 at 23:30

0 Answers0