Bootstrap IE7网格填充添加到边界框

时间:2013-11-07 10:59:55

标签: css3 grid twitter-bootstrap-3

我有一个标准的12列自举网格,里面有4列(col-md-3)。

在IE7中,第四列跳到下一行。

问题是:每列的宽度为25%,填充量为10px。计算时,列的宽度=其父级的25%+填充。

因此填充被添加到外部而不是内部。有办法解决这个问题吗?

2 个答案:

答案 0 :(得分:0)

使用css属性

引导i
box-sizing

正如您所见,here IE7不支持此属性。

似乎有一个JavaScrip here的后备,但我没有测试或使用它,所以我不能告诉你它有多好。

答案 1 :(得分:0)

Bootstrap 3由于使用了CSS属性' box-sizing' 而不支持IE7,但有一个解决方法可以帮助我

查看他提供IE7支持的GitHub项目(测试版)。

https://github.com/coliff/bootstrap-ie7

快乐编码:)