bootstrap 3垂直中心内容

Question

我知道之前已经多次询问过，但我似乎无法让它发挥作用。如何使用bootstrap 3垂直居中内容？我的网站也很敏感。这是我到目前为止所拥有的

<div class="row">
                    <div class="col-md-7">
                        <img src="bla.png" />
                    </div>
                    <div class="col-md-5 vcenter">
                            content to be aligned center vertically to image bla.png
                    </div>
</div>

我的CSS是

.row [class*="col-md-"].vcenter, .vcenter {
    float:none;
    display:inline-block;
    vertical-align:middle;
    margin-right:-4px;
}

这里是小提琴http://jsfiddle.net/qLQes/

Answer 1

这对我有用

HTML：                                                                                居中的文字                           

CSS：

.row [class*="col-md-"].vcenter, .vcenter {
    display:table !important;
    height:300px;
}

.vcenter .content {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}

Fiddle