Css 引导导航-菜单项之间的间距

我已经设置了以下引导导航。我想在“覆盖”下拉切换下减少ul中每个li之间的空间。我使用什么设置来执行此操作？作为旁注，当我在ul li a上设置float:left时，空间会减少，但我不需要float来完成此操作。为什么它会减少空间呢

    <nav class="navbar navbar-default navbar-fixed-top">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand  mycontent5" href="/?goHome=true"><span class="glyphicon glyphicon-home"></span></a>
            <button type="button" data-toggle="collapse" data-target=".navbar-collapse" class="navbar-toggle">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>
        <div class="collapse navbar-collapse navbar-left">
            <ul class="nav navbar-nav">
                <li><a href="/Analyst">Analysts</a></li>
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">Coverage<span class="caret"></span></a>

                    <ul class="dropdown-menu" id="mynavlist">
                        <li><a href="/Coverage/Coverage?status=A">All Coverage</a></li>
                        <li><a href="/Coverage/CoverageAssignments?groupingBySector=True">Coverage Assignments</a></li>
                        <li><a href="/Holding/PortfolioCoverage">Portfolio Coverage</a></li>
                        <li><a href="/Holding/PortfolioSnapshot">Portfolio Snapshot</a></li>
                                <li><a href="/Writeup/WriteupSections?status=A">Writeup Sections</a></li>

                    </ul>
                </li>
                <li><a href="/Holding/List">Funds</a></li>
                <li><a href="/Blotter/Account?analystname=Scott%20Mabry">Intraday Orders</a></li>
                <li><a href="#" class="dropdown-toggle">Reports</a></li>
            </ul>
        </div>
</nav>

这将导致以下结果：我希望消除每个项目上方和下方的所有空白。增加px的大小会像预期的那样改变我的列表，但是我怎样才能去掉多余的空间呢

---

如果使用浏览器控制台或检查器，则可以查看每个HTML元素以及应用于该元素的任何CSS。对于Bootstrap的Navbar组件，您将发现以下内容：

.navbar-nav > li > a {
  padding-top: 15px;
  padding-bottom: 15px;
}

---

将

15px

更改为其他值将产生所需的输出，不过您应该注意，引导会根据某些媒体断点修改此元素的顶部和底部填充：您需要在自定义中对此进行说明。

您必须减少每个项目的顶部和底部填充。试试下面的css

.navbar-default .dropdown-menu>li>a {
  padding: 0 20px;
}


/*For responsive*/

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    padding: 0 20px;
  }
}

.navbar默认值。下拉菜单>li>a{
填充：0 20px；
}
/*为了响应*/
@介质（最大宽度：767px）{
.navbar默认值.navbar导航打开.下拉菜单>li>a{
填充：0 20px；
}
}

切换导航

你想减少垂直空间…对吗？每个项目上下的空间，是的。@Scott你能分享一个

#mynavlist li a

@Scott

#mynavlist li a

控制台的屏幕截图意味着检查代码的屏幕截图，因为我怀疑是否有行高或其他问题。因为你可以看到上面的片段中没有空格。我没有返回并添加那个屏幕截图，因为你所建议的，线条高度的问题，才是问题所在。我为此添加了一个值0，并根据需要减少了空白。谢谢

.navbar-default .dropdown-menu>li>a {
  padding: 0 20px;
}


/*For responsive*/

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    padding: 0 20px;
  }
}