嵌套列中间的垂直对齐内容(引导程序)

时间:2016-03-26 01:04:40

标签: twitter-bootstrap vertical-alignment

我希望我的内容(H3 + p)位于Process.Start("IExplore.exe",string.Format("{0}", procToStart)); 的中间(水平和垂直)。

我试图显示:flex和align-items:center。它确实将我的内容放在<div class="col-md-12 inside-row">的中间位置,但整个专栏都是从我的页面顶部开始的,并且在我的标题上...

类.vertical-align是我的标题的中心(垂直和水平),它运作良好。

我正在使用Bootstrap。

谢谢你的帮助!

这是我的HTML:

<div>

和我的CSS:

<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>

1 个答案:

答案 0 :(得分:0)

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

recv

并做

select