引导中心脚手架答案

【问题标题】：Bootstrap Center Scafolding引导中心脚手架
【发布时间】：2014-05-17 21:19:22
【问题描述】：

我有两个“部分”，我在其中使用 bootstrap 3 脚手架来设置样式。我很难弄清楚如何让这些保持它们的列间距，同时仍然位于页面中间。比如现在是

<content><content>  ---<space>---

我想要

---<space>--- <content><content> ---<space>---

这就是我所拥有的。

<div class=".container-fluid" id="aboutContent">
    <div class="col-md-3">
        <img src="../imgs/pic.jpg" alt="Joe Brunett" id="aboutPicture"/>
    </div>
        <div class="well col-md-4" id="desc">   
            <p> text<p>
    </div>
</div>

【问题讨论】：

标签： html css twitter-bootstrap

【解决方案1】：

<div class="container">
    <div class="row">
        <div class="col-md-6 col-md-offset-3"></div>
    </div>
</div>

偏移量可用于使div居中，但请记住它仅适用于偶数列

<div class="col-md-8 col-md-offset-2"></div>

您甚至可以通过替换来更改break-point

<div class="col-md-6 col-md-offset-3"></div>

与

<div class="col-sm-6 col-sm-offset-3"></div>

【讨论】：