Twitter bootstrap 垂直对齐嵌套列中间的内容（引导） 我希望我的内容（H3+P）位于其 的中间（水平和垂直）。

我尝试显示：flex和align items:center。它确实把我的内容放在了我的<代码> <代码>的中间，但是整个栏目从我的页面顶部开始，在我的页眉上面……p> 垂直对齐是使我的标题居中（垂直和水平），效果很好

我正在使用Bootstrap

谢谢你的帮助

这是我的HTML：

<section>
 <div class="container-fluid">
     <div class="row">
        <div class="col-md-12">
            <div class="row">
                <div class="col-md-6">
                    <img src="icons/blue-bezier.gif" alt="icon1">
                    <img src="icons/blue-network.gif" alt="icon2">
                    <img src="icons/blue-layers.gif" alt="icon3">
                </div>
                <div class="col-md-6">
                    <div class="col-md-12 inside-row">
                        <h3>Plan for the long term</h3>
                        <p>Launch universal, fungible, and programmable digital assets. Utilize our smart contract platform for fraud-prouf P2P trading, uncrackable DRM, esports services &amp; active viral marketing.</p>
                    </div>
                    <div class="col-md-12 inside-row">
                        <h3>Proof of Play is a purpose-built system for game currency</h3>
                        <p>A decentralized network that scales down to mobile and provides a cryptographically accurate count of players online. PoP determines a fixed issuance rate based on real gameplay.</p>
                    </div>
                    <div class="col-md-12 inside-row">
                        <h3>Backed by the security of Ethereum</h3>
                        <p>A turing complete platform with numerous pre optimized contract templates.</p>
                    </div>
                </div>
            </div>
        </div>
     </div>
</div>    
</section>

---

如果您不介意添加额外的标记，一种方法就是在内容周围添加一个包装器

...
<div class="col-md-12 inside-row">
  <div>
      <h3>Plan for the long term</h3>
      <p>Launch universal, fungible, and programmable digital assets. Utilize our smart contract platform for fraud-prouf P2P trading, uncrackable DRM, esports services &amp; active viral marketing.</p>
  </div>
</div>

...
<div class="col-md-12 inside-row">
  <div>
      <h3>Plan for the long term</h3>
      <p>Launch universal, fungible, and programmable digital assets. Utilize our smart contract platform for fraud-prouf P2P trading, uncrackable DRM, esports services &amp; active viral marketing.</p>
  </div>
</div>

.inside-row > * {
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
}