html - Bootstrap 导航栏中的神秘填充

Question

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

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

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

Answer 1

这是因为事件 a 元素上的 border-top 属性:

border-top: 4px solid #df5330;

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

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