如何減少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; 
}