Css 引导3垂直中心内容

我知道这已经被问过很多次了，但我似乎无法让它发挥作用。如何使用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>

这是小提琴这对我很有用

HTML: 居中文本

CSS:

---

把它放在小提琴上us@JordanD完成，更新的问题您想要这样：？@Daniellisk否，文本应垂直居中对齐到其上的图像left@user2636556您是否尝试过使用引导网格偏移来实现这一点？

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

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

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