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;
}

要消除两个跨度之间的间隙，只需从 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 回答