Html IE7中的引导边界问题

Html IE7中的引导边界问题,html,css,twitter-bootstrap,internet-explorer-7,Html,Css,Twitter Bootstrap,Internet Explorer 7,我正在使用Bootstrap的响应网格来布局HTML页面。虽然在Chrome浏览器中,外形看起来很完美,但在IE7中,当我使用边框时,长方体模型会在流体中跳跃 示例: HTML: 这种HTML和CSS在Chrome、Firefox、IE 8、9和10中运行良好 为什么,在IE7中,最后一个跨度会往下跳 我知道这是一个带有box模型的IE bug,你知道如何修复它吗?在IE 7的页面中添加此脚本 <!--[if IE 7]> <style> .row-fluid

我正在使用Bootstrap的响应网格来布局HTML页面。虽然在Chrome浏览器中,外形看起来很完美,但在IE7中,当我使用边框时,长方体模型会在流体中跳跃

示例:

HTML:

这种HTML和CSS在Chrome、Firefox、IE 8、9和10中运行良好

为什么,在IE7中,最后一个跨度会往下跳


我知道这是一个带有box模型的IE bug,你知道如何修复它吗?

在IE 7的页面中添加此脚本

 <!--[if IE 7]>
<style>
    .row-fluid .span3{
        width:22.80% !important;
    }
</style>
<![endif]-->


看看这是否有用:仍然不起作用!!任何想法!!谢谢,这只是IE7的一个具体问题吗?你能确认它是在IE8还是其他IE版本中工作吗?
.box{
   border:5px solid red;
}
 <!--[if IE 7]>
<style>
    .row-fluid .span3{
        width:22.80% !important;
    }
</style>
<![endif]-->