2012-04-16 25 views
2

bootstrap-responsive.cssファイルは、navbarをiPadのドロップダウンメニューに変える素晴らしい仕事をします。iPadのブートストラップnavbar

私の問題は、Navbarが画面の上部に固定されていないことです。代わりに、bodyタグのpadding-topを尊重しています。

Q:bootstrap-responsive.cssにpadding-top:0を追加するだけですか?

または何か間違っていますか?

+0

iOSのバージョンは?以前のバージョンのiOSでは 'position:fixed'はまったく動作しません。 – ceejayoz

+0

iOS 5.1の設定に従って、一般的です。 –

+0

ブートストラップコードを修正しましたか? – ceejayoz

答えて

0

あなたはbootstrap.cssを、次にあなたのcssを、そしてbootstrap-responsive.cssを含める必要があります。

1

余白タグが設定されていない可能性がありますので、デフォルト(element.style)に戻っている場合は、margin: 0;を設定してみてください。あるいは、位置属性が設定されていない可能性があります。'position: fixed; top: 0;'を追加してください。

2

他のすべてのスタイルシートの後にbootstrap-responsive.cssを含めていますか?そうでない場合は、Railsアプリケーションで同様の問題が発生したので、私はそれをお勧めします。

5

bootstrap.css、bootstrap-responsive.cssを追加した後。これをCSSファイルに追加する

body { 
    padding-top: 60px; 
    padding-bottom: 40px; 
} 

@media (max-width: 979px) { 
    body { 
    padding-top: 0; 
    } 
関連する問題