Firefox中的Bootstrap网格对齐问题

Question

现在在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>

Answer 1

我尝试了它并且有效...

试试这个链接...... http://jsfiddle.net/52VtD/7366/embedded/result/

所以说我需要用jsfiddle链接发布代码，所以请忽略这个..

System.Console.WriteLine("Happy now?!");