ie7 with bootstrap CSS issue with div and positioning
Question
I have a problem positioning my title inside a div with grid classes (from bootstrap). 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.
Here is my chrome output: And here is my ie7 output:
As you con see using chrome the h3 si put inside the bootstrap div, while using ie7 is put under it.
This is my test website, if you need to check it out.
Do you know how to solve it?
Thanks!
1 answers
solution1
2 ACCPTED 2015-01-06 12:43:17
As knitevision stated in his comment; IE 7 is not supported by Bootstrap. IE 8 and 9 are partially supported. (IE 8 needs responsive.js for responsive features to work)
But, there are some tricks to make it work if you absolutely need it, see this page: Bootstrap 3 for IE7 (Beta) . 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
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.