2

表示されているメニュー項目の幅だけTwitterブートストラップナビゲーションバーを作成する方法はありますか？私のナビゲーションバーにはデフォルトで4つのアイテムしかなく、ユーザーがログインしているときは5つのアイテムしかありませんが、ナビゲーションバーの幅が広すぎます。スパンを変更しようとしましたが、配置が混乱し、ナビゲーションバーが適切に集中化されなくなりました。誰か助けてもらえますか？ありがとう！

または、誰かがナビゲーションバーを固定幅にするのを手伝ってくれるといいのですが、位置をずらしたり、中央に配置したりすることはありません。

これはnavbarの私のコードです：

            <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

あなたはそれにマージンを与えることができます-権利;

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