引导导航栏中的神秘填充

Question

我使用的是Bootstrap导航栏，我想在每个li类上执行左边框操作，但是由于导航栏类中的神秘填充，这很难看，

如您所见，该边框没有到达<li>元素的底部。 如何删除该空白空间？

我已经从导航栏中删除了所有填充，但是什么也没有发生。

Answer 1

这是因为的border-top上活跃的房地产a元素：

border-top: 4px solid #df5330;

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

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