Twitter Bootstrap 3：Firefox错位网格模型单行多行

Question

当我级联多行时，我有一个奇怪的对齐问题

<div class="row">
    <div class="col-xs-4"></div>
    <div class="col-xs-4"></div>
    <div class="col-xs-4"></div>
    <div class="col-xs-4"></div>
    <div class="col-xs-4"></div>
    ...
</div>

在FIREFOX下我得到一个奇怪的错位，任何想法为什么？

样本： http://bb.dev2.oscim.net/module_sport/

感谢您的帮助： - ）

Answer 1

Bootstrap支持12列行。所以你应该在一行中总共保留12列。 像这样......

<div class="row">
  <div class="col-xs-4"></div>
  <div class="col-xs-4"></div>
  <div class="col-xs-4"></div>
</div>
<div class="row">
  <div class="col-xs-4"></div>
  <div class="col-xs-4"></div>
  <div class="col-xs-4"></div>
</div>