ie7与自举CSS问题与div和定位

时间:2015-01-06 12:29:47

标签: html css twitter-bootstrap internet-explorer-7

我在使用网格类(来自bootstrap)的div中定位我的标题时遇到了问题。 这是我非常简单的代码:

<body class=""  > 
 <div class="container " id="main">
  <div class="row " > 
   <div class="col-xs-3 " > 
   </div> <!-- /col-xs-3 -->
   <div class="col-xs-9 " >
    <h3 class="">Benvenuto</h3>
   </div> <!-- /col-xs-9 -->
   </div> <!-- /Row -->    
 </div> <!-- /container -->
</body>

没有添加自定义CSS。

这是我的chrome输出: enter image description here 这是我的ie7输出: enter image description here

当你看到使用chrome时,h3 si将置于引导div中,而使用ie7则将置于下。

This是我的测试网站,如果您需要查看它。

你知道怎么解决吗?

谢谢!

1 个答案:

答案 0 :(得分:2)

正如knitevision在他的评论中所述; Bootstrap不支持IE 7。 部分支持IE 8和9。 (IE 8需要responsive.js才能使响应功能正常工作)

但是,如果您绝对需要,可以使用一些技巧,请参阅此页面:Bootstrap 3 for IE7 (Beta)。我还没有在你的网页上测试它,但它可能值得一试!

有关Bootstrap浏览器支持的信息,请参阅此页面:getbootstrap.com