Bootstrap 4 свойства строк и столбцов не работают должным образом в Safari, исправления для row :: before, :: after также, кажется, не работают для меня

Question

Слишком много проблем в межбраузерном тестировании для Safari, так как в начальной загрузке 4 добавлены дополнительные свойства для строк, формат сетки которых выглядит нарушенным. я хочу показать их точно так же, как в Chrome или Firefox. Я перепробовал все существующие исправления, связанные с этой проблемой, но кое-что, как мне кажется, не работает.

.row :: after, .row :: before

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

Ниже приведены свойства Bootstrap 4, которые не поддерживаются в Safari

.row

    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; }