2列,100%宽度bootstrap 3

时间:2013-09-07 11:15:17

标签: html css twitter-bootstrap twitter-bootstrap-3

我有一个现有项目,我需要迁移到bootstrap 3框架。 现有的是纯粹由我编写的,并使用两列布局。

试图在bootstrap中获得相同的结果让我无处可去,那些愚蠢的排水沟 正在使用填充,在两个框(列)之间添加背景颜色。

以下是截图:

example http://i40.tinypic.com/2mzwcgp.png

如果你仔细观察,你会发现背景颜色超出了边界(这是一个怪异的排水沟的结果)

我的目标设计的底线是:

http://i41.tinypic.com/2hz4avc.png

是否可以在不修改排水沟/移除排水沟的情况下这样做。

1 个答案:

答案 0 :(得分:0)

我认为,在没有看到任何代码的情况下,在计算宽度时不考虑填充可能会出现问题。

这是大小调整大小的问题:http://quirksmode.org/css/user-interface/boxsizing.html

尝试:

box-sizing: border-box;