【发布时间】:2014-08-09 12:09:49
【问题描述】:
现在在 Firefox 中构建一个站点,显示三个并排排列的项目。
每个 div 分别是 col-xs-6 col-sm-4 col-md-4,但 Firefox 将行分成两行,而 Chrome 没有。
当前版本的 Firefox。不知道到底发生了什么。因此,我们将不胜感激。
火狐
铬
代码
请注意,page-main 只是一个包装器。
<div class="page-main">
<div class="container">
<div class="row center">
<div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
<div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
<div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
</div>
</div>
</div>
【问题讨论】:
-
page-main和center类是什么?这些不是 Bootstrap 的一部分,可能会导致问题。
标签: css twitter-bootstrap firefox twitter-bootstrap-3