2012-11-27 12 views
8

私は興味のためにTwitterのブートストラップを使っていました。そして最近、私はカスタムnavbarを作ろうとしていました。 Navbar-Fixed-Bottomとして、下のNavbarにいくつかの情報を表示したい。しかし、私はそれの高さをカスタマイズすることはできません。デフォルトの高さでは十分ではありません。Twitter Bootstrap navbar-fixed-bottomカスタムの高さ

誰でもこの問題に直面して解決策がある場合は、分かち合ってください。ありがとうございました。ところで

+0

私はちょうど上部と下部navbarsを作りました。たぶんそれはCSSといくつかのハックを持っています。私はCSSにはまったくうまくいきません。私が必要とするものを想像するために、このフィドルをチェックしてください。 http://jsfiddle.net/muminoff/2XZzt/ – muminoff

+0

私のためにうまく動作します。私はちょうどいくつかの ''を追加し、それに応じて高さが増加しました。 –

+0

@AdrianHeineどのように高さを増やしましたか?あなたはnavbar-fixed-bottomを使っていますか? –

答えて

4

...あなたがここにあなたのTwitterのブートストラップをカスタマイズすることができます:http://twitter.github.com/bootstrap/customize.html

ちょうど@navbarHeightを変更します。

しかし、これはあまりにもナビゲーションバーに固定されたトップの高さを変更します...

はEDIT

:、ブートストラップをカスタマイズするための新しいURLはhttp://getbootstrap.com/customize/

+1

これは間違いなく、これを行うための最良の方法です.Bootstrap _is_はフレームワークそのものです。 – ZaLiTHkA

+0

これで、navbar-fixed-bottomの高さをどのようにカスタマイズできますか? –

2

ナビゲーションバーのサイズと一致している必要があり、ウェブサイトが変更されましたです(コンテンツがドキュメントフローの外にない限り)。あなたは下部のナビゲーションバーの後ろにコンテンツが消えないようにボディのパディングを増やす必要があります。 レスポンスブートストラップを使用している場合は、CSSに次のルールを追加し、??非応答レイアウトの

@media (min-width: 980px){ 
    body { 
     padding-bottom: ??px; 
    } 
} 

、メディアクエリなしでそれを宣言:あなたの下のナビゲーションバーの高さと

body { 
    padding-bottom: ??px; 
} 
関連する問題