2017-07-17 15 views
0

私はブートストラップ2を使用しています。固定式ナビゲーションバーのボディパッディングを外す

今のところ、私にはトップナビゲーションバーが固定されたサイトがあります。素晴らしく見える。

今、いくつかの新しいページページを作成しています。私はこれらのページのために修正されていないトップのナビゲーションバーが必要になります。

上部のナビゲーションバーがサイトに不可欠であるとして、私は私のCSSの

body { 
    padding-top: 117px; 
} 

を持っている...しかし、

がどのように私は2ページナビゲーションバーのために、この身体のパディングを「否定」することができます修正されませんか?

私はCSSクラスに

.negate-nav-padding { 
    margin-top: -117px; 
} 

を追加しようとしたが、それは動作しませんでした。

おかげで

答えて

1

ひとつのアイデアは、身体にidを追加し、ちょうどこれらのCSSルールを追加することができます

body { 
    padding-top: 117px; 
} 

body#special-page { 
    padding-top: 0; 
} 

編集:または、例えばクラス:body.no-padding { padding-top: 0; }

2

理由だけでは得られませんそれらの2つのページのボディはオーバーライドクラスです。このように:

<body class="interior"></body> 


body { 
    padding-top: 117px; 
} 

body.interior { 
    padding-top: 0; 
} 
関連する問題