Bootstrap最大宽度列响应式

Question

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

是否有方法解决这个问题，仍然让这两列文本居中？

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

- user3389584

---

请分享一个测试网站的链接，或者一个fiddle，或者至少一张截图。 - Lokesh Suthar

抱歉，我在原帖中添加了代码。 - user3389584

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

- Lokesh Suthar

---

我没有使用正确的类名，而是使用了任何可用的。对此感到抱歉。 - Lokesh Suthar

由于某种原因，当我尝试实现它时，它在我的网站http://watchcampfire.com/pre上无法正常工作。 - user3389584

你的文本没有对齐，因为你在每个单词上都使用了<cufon>。此外，我看不到你使用了max-width在哪里。 - Lokesh Suthar

伙计，如果你的问题已经解决了，请将其标记为已解决，行吗？ - Lokesh Suthar

如果你使用 col-xs-6，它们不会堆叠。看起来我可能要在咨询后向你收费了。 :) - Lokesh Suthar