1

私は Twitter Bootstrap を使用しており、ページの上部に.navbar-fixed-topナビゲーションがありpadding-top: 25pxます<body>。問題は、ウィンドウのサイズが を下回る980pxと、paddingが代わりに私の上部に表示され、上部にnavbar醜い白い空のスペースが表示されることです。それを修正する方法はありますか？

編集：simbirskの回答のおかげで、「空白」が表示されるという事実を除いて、スクロールするとナビゲーションバーがスクロールしなくなったことに気付きました（ページの上部にとどまります）。それも問題です。

4

1 に答える 1

2

迅速な解決策: 競合する解決策の下にそのパディングを追加しないでください。CSS を次のように変更します。

@media (min-width: 979px) {
    body {
        padding-top: 25px;
    }
}

編集：新しい質問について。
これが標準的なレスポンシブ動作です。それがどのように機能するかが気に入らない場合は、次のことができます。

  1. リンクしないbootstrap.responsive.min.css
  2. Bootstrap をカスタマイズするhttp://twitter.github.com/bootstrap/customize.html
  3. 独自のメディア クエリを作成する
于 2012-09-07T11:31:28.547 に答える