html - 更改 Bootstrap 导航药丸的高度

This topic 与我正在寻找的非常接近，但在几个小时后仍然没有帮助丰富目标。我只是想通过编辑原始 Bootstrap.css 文件来稍微降低引导标签药丸的高度。

JSFiddle

我已经从外部资源中删除了原始文件链接，并将原始代码放在了css部分中，以便可以进行实验

<ul class="nav nav-pills" id="task_management_tab">
  <li class="active"><a data-toggle="pill" href="#tasks_private">A</a></li>
  <li><a data-toggle="pill" href="">B</a></li>
  <li><a data-toggle="pill" href="">C</a></li>
  <li><a data-toggle="pill" href="">D</a></li>
</ul>

最佳答案

对于导航药丸，像这样减少填充:

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

默认为 10px
我建议不要修改实际的 bootstrap css，因为它会影响许多其他事情。使用您自己的自定义类来定位您的导航药丸。

关于html - 更改 Bootstrap 导航药丸的高度，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38096421/