ie7与带有div和定位的bootstrap CSS问题

Question

I have a problem positioning my title inside a div with grid classes (from bootstrap). 我在将标题放在带有网格类的div中（从引导程序）时遇到问题。 Here is my very simple code: 这是我非常简单的代码：

<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>

There is no custom CSS added. 没有添加自定义CSS。

Here is my chrome output: 这是我的Chrome输出： 在此处输入图片说明 And here is my ie7 output: 这是我的ie7输出：

As you con see using chrome the h3 si put inside the bootstrap div, while using ie7 is put under it. 正如你看到精读使用Chrome引导DIV 中的H3 SI放，在使用IE7 下它把。

This is my test website, if you need to check it out. 这是我的测试网站，如果您需要检查的话。

Do you know how to solve it? 你知道如何解决吗？

Thanks! 谢谢！

Answer 1

As knitevision stated in his comment; 正如knitevision在他的评论中所述； IE 7 is not supported by Bootstrap. Bootstrap不支持IE 7。 IE 8 and 9 are partially supported. IE 8和9被部分支持。 (IE 8 needs responsive.js for responsive features to work) （IE 8需要响应.js才能使响应功能正常工作）

But, there are some tricks to make it work if you absolutely need it, see this page: Bootstrap 3 for IE7 (Beta) . 但是，有一些技巧可以使它在绝对需要时起作用，请参阅此页面： IE3的Bootstrap 3（测试版）。 I haven't tested it on your page, but it might be worth a try! 我尚未在您的页面上对其进行过测试，但是可能值得尝试！

See this page for for information on Bootstrap browser-support: getbootstrap.com 有关Bootstrap浏览器支持的信息，请参见此页面： getbootstrap.com

ie7与带有div和定位的bootstrap CSS问题

问题描述

1 个解决方案

解决方案1
2 已采纳 2015-01-06 12:43:17

ie7与带有div和定位的bootstrap CSS问题

问题描述

1 个解决方案

解决方案1 2 已采纳 2015-01-06 12:43:17

解决方案1
2 已采纳 2015-01-06 12:43:17