Html 更改引导的高度'；纳维丸

非常接近我想要的，但在几个小时后仍然没有帮助我实现目标。我只是想通过编辑原始的bootstrap.css文件来降低bootstrap选项卡的高度

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

对于nav药丸，减少填充物，如下所示：

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

默认值为

10px

---

我建议不要修改实际的引导css，因为它会影响其他一些事情。用你自己的自定义类来定位你的导航药片。

如果你使用的是bootstrap 4，试着用p-作为填充，用m-作为边距

        <li class="nav-item">
            <a class="nav-link p-2" id="pills-listado-tab" data-toggle="pill" href="#pills-listado" role="tab" aria-controls="pills-profile" aria-selected="false">Profile</a>
        </li>

这就是你的意思吗：？添加了jsfiddle只需将填充减少到.nav>li>a是否没有CSS类来修改与button的btn sm、btn xs等类似的大小？

        <li class="nav-item">
            <a class="nav-link p-2" id="pills-listado-tab" data-toggle="pill" href="#pills-listado" role="tab" aria-controls="pills-profile" aria-selected="false">Profile</a>
        </li>