Css 引导最大宽度列
我试图编写一个一页响应引导设计的一部分,该设计有两列并排的文本。设计师希望这两列具有最大宽度,但一旦达到最大宽度,它就不再居中(因为其余内容继续响应) 有没有办法使这两列文本仍然居中 编辑:这里有一个指向代码外观的链接:这里试试这个。这就是你要找的吗Css 引导最大宽度列,css,twitter-bootstrap,text-align,Css,Twitter Bootstrap,Text Align,我试图编写一个一页响应引导设计的一部分,该设计有两列并排的文本。设计师希望这两列具有最大宽度,但一旦达到最大宽度,它就不再居中(因为其余内容继续响应) 有没有办法使这两列文本仍然居中 编辑:这里有一个指向代码外观的链接:这里试试这个。这就是你要找的吗 <div class="row"> <div class="col-lg-12"> <h2 class="center-block">How We Work</h2>
<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>
注意:您可以使用
col-lg-offset-2
将div移动两列。请共享到测试网站的链接、小提琴或至少一个屏幕截图。对此表示抱歉。我在我的原始帖子中添加了代码。我没有使用正确的类名,而是使用了任何可用的名称。很抱歉。哇,谢谢!看起来很棒!有没有办法保持两列之间30px的排水沟间距,并且仍然保持这样的居中?是的。我在
上使用了中心块
,将其移除,并将第一个浮动到右侧,第二个浮动到左侧;由于某种原因,当我尝试实现它时,它在我的站点上不起作用:而且你的文本也不合理,因为你在每个单词上都使用了
。另外,我看不到您使用的max width
h2.center-block{
text-align:center;
}
p.text-justify{
max-width:400px;
}