0

作成中のサイトに Twitter Bootstrap に基づいたテンプレートを使用しています (リンクはrwphoto です) が、モバイル ドロップダウン メニューに問題があります。使用している繰り返し画像の高さに合わせて navbar-inner div を 194px に変更すると、コンテンツを押し下げる代わりにオーバーラップします。なぜこれが問題なのか正確にはわかりません。私は周りを見回しましたが、これに対する解決策を見つけることができないようです。

さらに、モバイルで .brand 要素 (ロゴ) を左側ではなく中央に配置するにはどうすればよいですか? また、ナビゲーション リンクを垂直方向の中央に配置し、ロゴと画面の右端の間で水平方向に配置するにはどうすればよいでしょうか?

ため息...申し訳ありませんが、Bootstrapを初めて使用することは明らかです... :/

4

1 に答える 1

0

Centering ロゴの場合、この CSS コードを参照されたクラスに実装します...

.container { position:relative; }    
.brand { text-align: center;    width: 97%;}

.navbar .btn-navbar {
    display: block;
    position: absolute;
    right: 0;
}

センタリング、ナビゲーション リンク、

.nav-collapse .nav > li > a {
    margin: 12px 0 !important;
    text-align: center;
}

ドロップダウン オーバーレイの問題については、これを追加します。

.nav-collapse { padding-top: 1em; }
于 2012-07-16T06:36:54.450 に答える