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之后使用它

Bootstrap导航垂直对齐

1 个答案: