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

【问题标题】：Bootstrap IE7 grid padding adds to bounding boxBootstrap IE7 网格填充添加到边界框
【发布时间】：2013-11-18 23:53:17
【问题描述】：

我有一个标准的 12 列引导网格，里面有 4 列 (col-md-3)。

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

问题是：每列有 25% 宽，并且有 10px 的内边距。计算时，列的宽度 = 其父级的 25% + 内边距。

所以填充是在外面而不是里面添加的。有没有办法解决这个问题？

【问题讨论】：

【解决方案1】：

使用 css 属性引导 i

box-sizing

你可以看到here IE7 不支持这个属性。

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

【讨论】：

【解决方案2】：

由于使用了 CSS 属性 'box-sizing'，Bootstrap 3 不支持 IE7，但是有一个解决方法对我有帮助。

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

编码愉快:)

【讨论】：