Question

我正在尝试为较旧版本的safari寻找网格问题的最佳解决方法，因为我发现其中任何一个都不适合我。

问题是引导网格无法正常工作。在我的项目中，我有简单的代码：

 <div class="container">
  <div class="row">
    <div class="col-lg-4">
      1 col
    </div>
    <div class="col-lg-4">
      2 col
    </div>
    <div class="col-lg-4">
      3 col
    </div>
    <div class="col-lg-4">
      4 col
    </div>
  </div>  
</div>

第4列应移至另一行，但在同一行上，并且还会破坏正文宽度。

我尝试了不同的解决方案，但对我来说不起作用。仅当我以这种方式覆盖网格时：

.col-lg-4 {
  display: inline-block !important;
}

第二行有两列，但这也是错误的，因为那里只有一列。

我也尝试过：

.row:before, .row:after {display: none !important;}

和

 .row { width: 100%; }                                                 
 .col { display:inline-block !important; }

但没有成功。我正在测试此用户代理：

Mozilla/5.0 (iPad; CPU OS 10_14 like Mac OS X) AppleWebKit/600.1.4(KHTML, like Gecko) Version/8.0 Mobile/12B411 Safari/600.1.4

最好的解决方法是什么？

Bootstrap 4网格问题野生动物园

0 个答案: