如何减少Bootstrap菜单上的下拉大小？

Question

我已搜索并搜索，无法弄清楚如何减少Bootstrap菜单的下拉大小。我试图修改与Bootstrap CSS中的下拉菜单相关的所有内容，但无法更改。

我目前的引导下拉：

我想使每个项目更小的空间。这是我当前的自定义导航CSS：

.navbar-brand, 
.navbar-nav li a { 
    line-height: 100px; 
    height: 100px; 
    padding-top: 0; 
} 

Answer 1

删除line-height和height财产

.navbar-brand, 
.navbar-nav li a { 

    max-height: auto; 
    padding-top: 0; 
} 

更新1：

.navbar-brand, 
.navbar-nav > li> a { 
    line-height: 100px; 
    height: 100px; 
    padding-top: 0; 
} 

使用>到根类下应用样式。

LIVE DEMO

Answer 2

想通了。不得不添加此到我的css代码：

.navbar-brand, 
.navbar-nav li a { 
    line-height: 100px; 
    height: 100px; 
    padding-top: 0; 
} 

.dropdown-menu li a { 
    line-height: 100px; 
    height: 100px; 
    padding-top: 0; 
}