Bootstrap最大宽度列响应

时间:2014-03-06 19:10:58

标签: css twitter-bootstrap text-align

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

有没有办法让这两列文字居中?

编辑:以下链接指向代码:http://www.bootply.com/119539

1 个答案:

答案 0 :(得分:4)

此处尝试 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列。