【问题标题】:Bootstrap grid alignment issue in Firefox [closed]Firefox中的引导网格对齐问题[关闭]
【发布时间】: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-maincenter 类是什么?这些不是 Bootstrap 的一部分,可能会导致问题。

标签: css twitter-bootstrap firefox twitter-bootstrap-3


【解决方案1】:

我试过了,效果很好……

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

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

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

【讨论】:

  • 是的,我是个白痴,完全被忽视了,我有一堆旧项目代码妨碍了我。我已经报废并重新开始。感谢您恢复理智。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2016-08-18
  • 1970-01-01
  • 1970-01-01
  • 2020-09-30
  • 2015-06-29
  • 2016-11-04
相关资源
最近更新 更多