twitter bootstrapデフォルトの埋め込み

Question

これは本体上のtwitterブートストラップのデフォルトの埋め込みですか？

body { 
    padding-top: 60px; 
    padding-left: 20px; 
} 

「リセット」されたcss-ishファイルでは通常、すべてのパディング/マージンが削除されていました。

Answer 1

ボディのパディングが.cssファイルをオーバーライドします。

が

パディングがトップの固定位置のナビゲーションバーとあなたとの間に20ピクセル、縦の隙間を設定します

odupontが述べたように

、「あなたはあなたのページの上部にあるナビゲーションバーナビゲーションバーに固定されたトップを持っているときに便利です」文書の本文。上のコードのように、padding-top：60px;

40pxの高さを持つトップ固定のnav-barの高さをクリアするために、40pxの垂直パディング。そして、nav-barとbodyとの間に20pxの垂直クリアランスがあります。したがって、パディングトップの60ピクセルが宣言されました。

このcssは、特定の目的のために本文に挿入されていましたが、.cssファイル内にあるパディングスタイリングをオーバーライドします。

上記のコードをコメントにして、結果を確認してください。

Answer 2

navbar navbar-fixed-topがページ上部に表示されている場合は、Bootstrap Docの例のように便利です。

Answer 3

あなたはdiv要素を持っていると、ページ全体のdivストレッチの背景を持っている身体上のパディングと同等のネガティブマージンを使用して、その後のdivにパディングを追加することを検討したい場合：

margin-left: -20px; 
padding-left: 20px; 
margin-right: -20px; 
padding-right: 20px;