Question

我正在使用twitter bootstrap，并使用CSS classess进行网格布局。（我是CSS菜鸟）

我希望左侧列和右侧的经典布局。但是我不希望两列之间有任何余量。左列也应从页面的左侧开始，也没有任何边距。

Bootstrap具有基础流体布局 -

然而，我想对上述内容进行的更改如下 -

1）从div.span2中删除任何左边距。

2）删除div.span2和div.span10

之间的任何边距

3）为div.span1提供背景颜色，延伸到页面底部。目前如果我给它一个背景颜色，它只显示有内容的部分。但是我想要它直到页面的长度。我该怎么做？

任何帮助将不胜感激。

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

我希望能解决问题

需要帮助设置背景颜色以扩展页面的长度

1 个答案: