Html 如何缩短列中元素的高度？

我已经和for列排了一行，每个列都有一个社交媒体图标。对于每一行，div元素内部都有一个锚定标记。由于此行是另一行的列，因此第一行的高度会自动更改。问题是，每当我将光标悬停在按钮下方时，指针就会出现，就像我将光标悬停在按钮上一样

正如你所注意到的，我正在使用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>

mb自动？祝你好运，谢谢。我还使用（align-self:flex-start；）解决了这个问题。这也是安全的吗？是的，但是考虑使用Bootstrap类，你可以找到一个用于对齐自己：Flex StestMB Auto.祝你好运，谢谢。我还使用（align-self:flex-start；）解决了这个问题。这也是安全的吗？是的，但是考虑使用Bootstrap类，您可以找到一个用于对齐Fix:Flex启动。