Question

我有两个＆＃34;部分＆＃34;其中我使用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>

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

Bootstrap中心脚手架

1 个答案: