引导最大宽度列响应

Question

我正在尝试编写具有两个并排文本列的单页响应式 Bootstrap 设计的一部分。设计者希望这两列有一个最大宽度，但一旦达到最大值，它就不再居中（因为其余内容继续响应）。

有没有办法让两列文本仍然居中？

编辑：这是代码外观的链接：http://www.bootply.com/119539

Answer 1

在这里试试这个Bootply。这是你要找的吗？

<div class="row">
    <div class="col-lg-12">
            <h2 class="center-block">How We Work</h2>

    </div>
    <div class="col-lg-4 col-lg-offset-2">
        <p class="text-justify center-block">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis nulla nec lacus condimentum molestie.</p>
    </div>
    <div class="col-lg-4">
        <p class="text-justify center-block">Lorem ipsum dolor sit amet, consectetur adipiscing elit. .</p>
    </div>
</div>

---

h2.center-block{
    text-align:center;
}

p.text-justify{
 max-width:400px;
}

注意：您可以使用col-lg-offset-2 将 div 移动 2 列。