Bootstrap 导航垂直对齐

Question

如何在 Bootstrap 导航中对齐文本...我有这个 html 代码：

<ul class="nav nav-justified">

    <li><a href="#">PREVIOUS</a></li>
    <li><a href="#" onclick = "myFunction();">PLAY</a></li>
    <li><a href="#" onclick = "stop();">PAUSE</a></li>
    <li><a href="#">NEXT</a></li>

</ul>

此 PREVIOUS、PLAY、PAUSE 和 NEXT 文本需要顶部对齐。

Answer 1

只需使用自定义样式，默认情况下.nav 有一个填充，因此如果您将顶部填充重置为 0，它将按照您的需要对齐....试试这个

.nav > li > a {
   padding-top: 0;
}

编辑确保在项目中包含 bootstrap.css 之后使用它