Bootstrap 3 网格在 Safari 中的第一行中断

Question

我有一个带有成排产品的商店页面。在 chrome 中它看起来很好，像这样：

 __   __   __   __
|  | |  | |  | |  |
|  | |  | |  | |  |
 ??   ??   ??   ?? 
 __   __   __   __
|  | |  | |  | |  |
|  | |  | |  | |  |
 ??   ??   ??   ?? 

但在 Safari 中，第一行只有 3 个元素：

 __   __   __ 
|  | |  | |  |
|  | |  | |  |
 ??   ??   ?? 
 __   __   __   __
|  | |  | |  | |  |
|  | |  | |  | |  |
 ??   ??   ??   ?? 

HTML：

<div class="container">
  <div class="row">
    ...
      <div class="container">
        ...
          <ul class="row">
            <li>
              ...
            </li>
          </ul>
        ...
      </div>
    ...
  </div>
</div>

Answer 1

只需在您的 css (sass/less) 文件中使用此代码段即可。

.row:before, .row:after{
  display:inline-block;
}

之后应该工作。

来源：https : //github.com/twbs/bootstrap/issues/9282#issuecomment-413421690