bootstrap-responsive.css ファイルは、iPad でナビゲーション バーをドロップダウン メニューに変える素晴らしい仕事をします。
私の問題は、ナビゲーション バーが画面の上部に固定されていないことです。代わりに、body タグの padding-top を尊重しています。
Q: bootstrap-responsive.css に padding-top:0 を追加するだけですか?
それとも私は何か間違ったことをしていますか?
bootstrap-responsive.css ファイルは、iPad でナビゲーション バーをドロップダウン メニューに変える素晴らしい仕事をします。
私の問題は、ナビゲーション バーが画面の上部に固定されていないことです。代わりに、body タグの padding-top を尊重しています。
Q: bootstrap-responsive.css に padding-top:0 を追加するだけですか?
それとも私は何か間違ったことをしていますか?
bootstrap.css、bootstrap-sensitive.cssを追加した後。これをcssファイルに追加します
body {
padding-top: 60px;
padding-bottom: 40px;
}
@media (max-width: 979px) {
body {
padding-top: 0;
}
他のすべてのスタイルシートの後に bootstrap-responsive.css を含めていますか? そうでない場合は、Rails アプリケーションで同様の問題が発生したことがあるので、それをお勧めします。
マージンタグが設定されていない可能性があるため、デフォルト(element.style)にフォールバックしています。設定してみてくださいmargin: 0;
。または、位置属性が設定されていない可能性があります。追加し'position: fixed; top: 0;'
ます。
bootstrap.css、css、bootstrap-sensitive.cssの順に含める必要があります。