引导导航栏中的神秘填充

Question

我使用Bootstrap导航栏，我想在每个li类上做左边界，但由于导航栏中的神秘填充，它很难看，

如您所见，此边框未到达<li>元素的底部。如何删除这个空白区域？

我已经从导航栏中删除了所有填充，但没有任何反应。

Answer 1

这是因为有效border-top元素的a属性：

border-top: 4px solid #df5330;

尝试将此属性添加到默认a元素：

.navbar-nav > li > a {
    border-top: 4px solid transparent;
}