如何响应地使用垂直引导中心列？

Question

我正在开发一个项目，在这个项目中，我需要垂直地需要将一列固定在另一列中。我尝试使用display: table !important属性和vertical-align: central自己做，但我没有成功。

这就是我应该看起来的样子：

JSFiddle here

非常感谢你的帮助，

我非常感谢！

Answer 1

进行以下更改：

<div class="col-xs-8" >
   <div class="content">
     <h3>Heading Example</h3>
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
    </div>
</div>

- stylesheet -

.content{
  vertical-align:middle;
  background-color: #DFDFDF;
}