3

2次元メニューの配置に問題があります。画像のように同じ行にあり、行の一番下に配置したいと思います。これで、行の一番上に配置され、次のようになります。

今の様子をヘッダーに。

ここに私のコード:

<div class="row">
    <div class="span2">
        <img src="stockpulse.png" class="img-rounded">
    </div>
    <ul class="nav nav-tabs">
        <li class="dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Dropdown<b class="caret"></b></a>
            <ul class="dropdown-menu">
                <li><a  href="#">Action</a></li>
                <li><a  href="#">Action</a></li>
                <li><a  href="#">Action</a></li>
             </ul>
        </li>
        <li class="dropdown">
                ...
    </ul>
</div>

次のようになります。

サブサイトのサブカテゴリを示すドロップアップメニューのあるヘッダー:

サブカテゴリを永続的に表示したい場合は、ナビゲーションバーでドロップダウンメニューを使用するのは正しいですか?または、ナビゲーションバーのナビゲーションの方が便利ですか?

4

1 に答える 1

1

これはあなたが探していたものですか:http://jsfiddle.net/8xa5h/

基本的にmargin-topは、画像の高さに応じてナビゲーションバーにを追加するだけでした。

.navbar .nav {
    margin-top: 120px;       
}
于 2012-10-15T14:09:51.657 に答える