3

Twitter Bootstrap GithubページTwitter Bootstrap 2.1.1で、この例に似たナビゲーションバーの折りたたみとナビゲーションバーのドロップダウンを使用しています。

私はそれが979pxで折りたたまれ、980pxで拡大することを知っています、そして私はそれを779pxで折りたたむように変更しました:受け入れられた答えに基づいて:

Twitterのブートストラップレスポンシブを使用してナビゲーションバーの折りたたみしきい値を変更するにはどうすればよいですか?

bootstrap.sensitive.cssを変更しました

@media (max-width: 979px) {...}

@media (max-width: 779px) {...}

うまく機能し、ナビゲーションバーが779pxで折りたたまれ、780pxで拡大することがわかります。

しかし、私は副作用を見ています。

ブラウザの幅を780pxから979px(ナビゲーションバーが折りたたまれていない範囲)になるようにサイズ変更し、ドロップダウンをクリックしても、ドロップダウンオプションが表示されません。980px以上にサイズ変更すると、ドロップダウンオプションが表示されます。

Firefox Firesizerを使用しているので、幅を確認できます。実際、ドロップダウンをクリックしてウィンドウサイズをドラッグすると、ドロップダウンオプションが980ピクセルで正しく描画され、979ピクセル未満になると表示されなくなります。

誰かがこれに遭遇したことがありますか?

ドロップダウンメニュー(またはその関連クラス)には、ナビゲーションバーの折りたたみのしきい値を変更するときに変更する必要のある他のメディアクエリがあると思います。しかし、私は解決策を見つけることができませんでした。ヘルプ、洞察、または推奨事項をいただければ幸いです。ありがとう!

4

1 に答える 1

5

パーティーに遅れるが、後世のために:

ナビゲーションバーのサイズを変更するときは、ファイル内の2つの項目を調整/上書きする必要がありbootstrap-responsive.cssます。

  • @media (max-width: 979px)=>@media (max-width: 1120px)

と:

  • @media (max-width: 780px)=>@media (max-width: 1121px)

1120pxナビゲーションバーの崩壊のしきい値です)

詳細を参照してください:https ://gist.github.com/4269590

于 2012-12-12T17:27:02.920 に答える