Mac Grid上的Bootstrap 4 Safari问题 [英] Bootstrap 4 Safari on Mac Grid issue

问题描述

在Mac上，Bootstrap 4和Safari浏览器存在问题。
在行内使用cols时，它会破裂，并且无法像在Firefox或chrome上那样工作。我使用的是这样的简单代码：

There is an issue with Bootstrap 4 and Safari brower on Mac. When using cols inside a row it breaks it, and doesn't work like on firefox or chrome. I'm using a simple code like this:

<div class="row align-items-center">
    <div class="col-sm-12 col-md-3 hidden-xs align_left"><h3>TEXT</h3></div>
    <div class="col-sm-4 col-md-3">TEXT</div>
    <div class="col-sm-4 col-md-3">TEXT</div>
    <div class="col-sm-4 col-md-3">TEXT</div>
</div>

我正在尝试从其他问题中选择不同的固定代码，但它们不能解决问题。有任何线索吗？

I'm trying different 'fix codes' from another questions but they doesn't solve the problem. Any clue?

预先感谢

推荐答案

最终解决了问题使用以下简单的CSS：

Finally solved the problem with this simple CSS:

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

似乎在行内的：before和：after元素中隐藏了一些代码。这会导致Safari浏览器出现某种问题。

It seems there is some code hidden in :before and :after elements inside the rows. This causes some kind of issues in safari browsers.

希望它会有所帮助。

这篇关于Mac Grid上的Bootstrap 4 Safari问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！