Bootstrap:在列之间清空未着色的空间

时间:2014-10-16 12:32:32

标签: twitter-bootstrap

我正在使用最新的Bootstrap作为网格系统,但我遇到了一个问题:

如果您在this url上看到网格系统示例,您将看到所有列完全相互连接,这意味着它们之间的“装订线”也是彩色的,因为“装订线”已创建使用padding而不是margin,因此会受到background-color的影响。

有没有办法让2列之间的排水沟保持白色和未着色? Here是我想要实现的一个例子。

PS:我知道我可以使用任何其他网格框架,但对于这个项目,Bootstrap是必备的。

1 个答案:

答案 0 :(得分:0)

你可以:

  • 为cols添加透明边框:
[class*="col-"] {
    background-clip: padding-box;
    border: 10px solid transparent;
}
  • 或者在你的cols中添加一个子div,所以padding将是你孩子div的边缘