5

なぜこれが本体のTwitterブートストラップのデフォルトのパディングなのですか？

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

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

4

3 に答える 3

1

本文のパディングは、.cssファイルを上書きします。

odupontが述べたように、「ページの上部にnavbarnavbar-fixed-topがある場合に便利です」

パディングにより、上部に固定されたナビゲーションバーとドキュメントの本文の間に20pxの垂直方向のクリアランスが設定されます。上記のコードに示されているように、padding-top：60px;

40pxの垂直パディング、40pxの高さを持つ上部固定ナビゲーションバーの高さをクリアします。次に、ナビゲーションバーと本体の間に20pxの垂直方向のクリアランスがあります。そのため、padding-topの60pxが宣言されました。

そのcssは、特定の目的で本文に挿入されたものであり、.cssファイルにあるパディングスタイルを上書きします。

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

于 2012-08-05T20:34:56.183 に答える
0

Bootstrap Docの例のように、ページの上部にnavbarnavbar-fixed-topがある場合に便利です。

于 2012-07-24T11:46:12.983 に答える
0

divがあり、divの背景をページ全体に拡大したい場合は、本文のパディングと同等の負のマージンを使用してから、divにパディングを追加することを検討してください。

margin-left:   -20px;
padding-left:   20px;
margin-right:  -20px;
padding-right:  20px;
于 2013-11-15T00:28:43.673 に答える