Bootstrap смещение столбцов в Safari - PullRequest
Новая
       8

Bootstrap смещение столбцов в Safari

0 голосов
/ 05 марта 2020

У меня 3 Bootstrap столбца шириной 4 (кол-4), каждый из которых содержит значок. На Chrome и IE выравнивание в порядке, однако в Safari столбцы по некоторым причинам кажутся смещенными вправо.

Safari:

Chrome:

Вот мой код: 

<div class = "container-fluid padding">
<div class = "row text-center padding">
    <div class = "col-12">
        <h1>Connect</h1>
    </div>
    <div class = "col-4 social">
        <a href = "https://www.facebook.com/dsc.uwa" target = "_blank"><i class = "fab fa-facebook"></i></a>
    </div>
    <div class = "col-4 social">
        <a href = "https://www.linkedin.com/company/dscuwa/about" target = "_blank"><i class = "fab fa-linkedin"></i></a>
    </div>
    <div class = "col-4 social">
        <a href = "https://www.instagram.com/dscuwa/" target = "_blank"><i class = "fab fa-instagram"></i></a>
    </div>
</div>

Ничего интересного не происходит с CSS.

Спасибо

1 Ответ

0 голосов
/ 05 марта 2020

У меня была похожая проблема, и это было выше col-12, которое подталкивало ее. Я закончил тем, что изменил это на col-md-12, и это исправило это для меня. Это может быть только обходной путь, но он помог мне, надеюсь, он поможет вам.

...