2

Boostrap2.0のナビゲーションバー内でナビゲーション要素を垂直方向に中央揃えするのに問題があります。現在、すべての要素がナビゲーションバーの上部にフラッシュされています。これを修正するにはどうすればよいですか？

また、ロゴとナビゲーションバーをページの境界に合わせるのに苦労しています。お気づきの方もいらっしゃると思いますが、ブランドとナビゲーションバーはブラウザページの端に浮かんでいます。これを修正するにはどうすればよいですか？

ナビゲーションバー/ヘッダーに次のレイアウトを設定します。

http://www.fleetio.com/

これが私の試みです。プラス記号を使用してコードを確認してください：http： //jsfiddle.net/tYVcY/36/embedded/result/

4

1 に答える 1

0

Fleetioが垂直方向の配置の問題を処理する方法は、.navbar .nav > li > aセレクターのパディングを変更することです。

標準のブートストラップ：

.navbar .nav > li > a {
  float: none;
  padding: 10px 15px 10px;
  color: #777;
  text-decoration: none;
  text-shadow: 0 1px 0 white;
}

Fleetio（パディングの増加に注意してください）：

.navbar .nav > li > a {
  float: none;
  padding: 20px 15px 20px;
  color: #555;
  text-decoration: none;
  text-shadow: 0 1px 0 white;
}

ブラウザウィンドウの端まで水平方向に伸びるナビゲーションバーに対処するには、ナビゲーションバーをコンテナ内でラップします（つまり、<div class="container"></div>）。

于 2013-01-06T03:07:48.377 に答える