css - Bootstrap 4 行和列属性在 Safari 中的行为不正常，对 row::before ,::after 的修复似乎也不适合我

Question

Safari 的跨浏览器测试太麻烦了，因为 bootstrap 4 已经为网格格式显示受干扰的行添加了额外的属性。我想像在 Chrome 或 Firefox 中一样显示它们。我已经尝试了与此问题相关的所有现有修复程序，但有些方法似乎对我不起作用。

.row::after, .row::before

    display: inline-block!important;
    width:0px;
    height:0px;

以下是 Safari 不支持的 Bootstrap 4 属性

.行

    display: -ms-flexbox; //not supported in Safari
    display: flex;        //not supported in Safari
    -ms-flex-wrap: wrap;  //not supported in Safari
    flex-wrap: wrap;      //not supported in Safari
    margin-right: -15px;
    margin-left: -15px;

.col-6

   -ms-flex: 0 0 50%;     //not supported in Safari
   flex: 0 0 50%;         //not supported in Safari
   max-width: 50%;        //not supported in Safari

Answer 1

尝试将行上的 ::before 和 ::after 设置为 display:none; 如下:

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