gpt4 book ai didi

css - 如何使 twitter bootstrap 导航栏自动调整宽度?

转载 作者:行者123 更新时间:2023-12-02 22:20:32 24 4
gpt4 key购买 nike

有没有一种方法可以使 Twitter Bootstrap 导航栏的宽度与显示的菜单项一样宽?默认情况下,我的导航栏只有 4 个元素,当用户登录时有 5 个,但导航栏太宽了。我试过更改跨度,但这会弄乱对齐方式,并且导航栏不再正确集中。有人能帮忙吗?谢谢!

或者,如果有人可以帮助我将导航栏设置为固定宽度,但又不会错位并保持居中,我将不胜感激。

这是我的导航栏代码:

            <div id="top" class="container">
<div class="navbar">
<div class="navbar-inner">
<ul class="nav">
<li><a href="index.php">Home</a></li>
<li><a href="books.php">Used books exchange</a></li>
<li><a href="submit.php">Submit a listing</a></li>
<li><a href="account.php">My account</a></li>
<?php if (!empty($_SESSION["id"]))
{
print('<li><a href="logout.php">Log out</a></li>');
} ?>
</ul>
</div>
</div>

最佳答案

如果我没理解错的话,我想这就是你要找的。:

.container {
text-align: center;
}
.navbar {
display: inline-block;
margin-left: auto;
margin-right: auto;
}

它使导航栏仅与其内容一样宽,居中,并且在您调整它的大小时表现相当好。这是它的一个 Jsfiddle: http://jsfiddle.net/hajpoj/9E7QX/

关于css - 如何使 twitter bootstrap 导航栏自动调整宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13779196/

24 4 0