2

有没有办法让 twitter 引导导航栏的宽度与显示在上面的菜单项一样宽？我的导航栏默认只有 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>
4

2 回答 2

5

如果我对您的理解正确，我认为这就是您要寻找的东西。：

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

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

于 2012-12-08T19:28:41.610 回答
0

你可以给它一个margin-right；

.navbar {
  margin-right:200px; //whatever px you need
}
于 2012-12-08T16:21:50.467 回答