Я сделал строку с столбцами, в каждой из которых есть значок социальной сети. Для каждой строки есть тег привязки внутри элемента div. Поскольку эта строка является столбцом другой строки, высота первой изменяется автоматически. Проблема в том, что всякий раз, когда я наводил курсор под кнопкой (показано с белой рамкой) , указатель появляется так, как будто я наводил его на кнопку.
Кроме того, когда я проверяю саму кнопку, она показывает только кнопку с исходной высотой, а код показывает атрибут :: before.
Я использую bootstrap, как вы могли заметить, и попытался решить проблема с изменением заполнения или высоты, но ничего не работает.
Вот мой код:
<div class="row col-12 justify-content-between mx-0">
<div class="col d-flex justify-content-center"><a href="#" class="fa fa-facebook fa-2x" style="border: 1px solid white;"></a></div>
<div class="col d-flex justify-content-center"><a href="#" class="fa fa-twitter fa-2x" style="height:"></a></div>
<div class="col d-flex justify-content-center"><a href="#" class="fa fa-instagram fa-2x" style="height:"></a></div>
<div class="col d-flex justify-content-center"><a href="#" class="fa fa-linkedin fa-2x" style="height:"></a></div>
</div>