带有引导CSS的ie7与div和定位问题答案

【问题标题】：ie7 with bootstrap CSS issue with div and positioning带有引导CSS的ie7与div和定位问题
【发布时间】：2015-03-04 02:58:46
【问题描述】：

我在使用网格类（来自引导程序）的 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 输出：这是我的 ie7 输出：

正如您所看到的，使用 chrome，h3 si 将 inside 引导 div，而使用 ie7 则将其 under。

This是我的测试网站，有需要的可以去看看。

你知道怎么解决吗？

谢谢！

【问题讨论】：

bootstrap 不支持 IE7。它是 8+。而 IE7 的使用率为 0.3%。为什么不支持IE4？你还好吗？ stackoverflow.com/questions/1820007/ie7-float-right-problems

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

【解决方案1】：

正如 knitevision 在他的评论中所说的那样； Bootstrap 不支持 IE 7。部分支持 IE 8 和 9。（IE 8 需要 responsive.js 才能使响应式功能发挥作用）

但是，如果您绝对需要它，有一些技巧可以让它发挥作用，请参阅此页面：Bootstrap 3 for IE7 (Beta)。我没有在你的页面上测试过，但可能值得一试！

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

【讨论】：