0

Twitter ブートストラップを使用しており、その CSS クラスを使用してグリッド レイアウトを実行しています。（私はCSS初心者です）

左の列と右の古典的なレイアウトが必要です。ただし、両方の列の間に余白は必要ありません。また、左の列はページの左から開始する必要があり、余白もありません。

Bootstrap には基本的な流体レイアウトがあります -

ただし、上記に加えたい変更は次のとおりです-

1) div.span2 から左マージンを削除します。

2) div.span2 と div.span10 の間のマージンを削除します

3) ページの下部まで広がる div.span1 に背景色を指定します。現在、背景色を指定すると、コンテンツのあるセクションにのみ表示されます。しかし、ページの長さまで行きたいです。どうすればいいのですか？

どんな助けでも大歓迎です。

4

1 に答える 1

1

まあ、8pxのマージンはユーザーエージェントから来ています..

body {
display: block;
margin: 8px;
}

列を端に貼り付けたい場合は、

これを bootstrap.css から置き換えます

body {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  background-color: #f5f5f5; 
}

と

body {
  margin: -8px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  background-color: #f5f5f5;
}

2 つのスパン間のギャップを削除するには、bootstrap.css からこれを置き換えるだけです

[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 20px;
}

と

[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 0px;
}

問題が解決することを願っています

于 2012-12-21T12:42:45.797 に答える