引导导航栏中的神秘填充

Question

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

如您所见，此边框没有到达<li> 元素的底部。我怎样才能删除这个空白空间？

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

Answer 1

这是因为活动 a 元素上的 border-top 属性：

border-top: 4px solid #df5330;

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

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