0

我无法弄清楚是什么导致了我试图用作卡片的 div 之间的额外间隙。我希望 2 个按钮的列更靠近。在 SO 上找到一些类似的帖子后,我尝试删除填充并在 Bootstrap 中查找排水沟,看看是否可以解决问题,但我仍然遇到问题。还有什么我应该改用的吗?

这是 UI 当前的样子,我正在尝试减少卡片之间的空间。在此处输入图像描述

 <div class="col-md-3 padding-0 no-gutters">                    
                    <a href="First.aspx" class="btn dashMenuButton"><i class=" align-middle fas fas fa-users fa-3x"></i><br /><br />Card 1</a>
                    <a href="Second.aspx" class="btn dashMenuButton"><i class="fas fa-users-cog fa-3x"></i><br /><br />Card 2</a>
             </div>
             <div class="col-md-3">
                       <a href="Third.aspx" class="btn dashMenuButton"><i class="fas fa-building fa-3x"></i><br /><br />Card 3</a>
                       <a href="Fourth.aspx" class="btn dashMenuButton"><i class="fas fa-user-tag fa-3x"></i><br /><br />Card 4</a>
                </div>
4

0 回答 0