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

Question

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

我当前的Bootstrap下拉列表：

我想让每个项目之间的空间变小。这是我目前的自定义导航CSS：

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

Answer 1

想出来。不得不将其添加到我的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;
}

Answer 2

删除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