How to make friends bootstrap 3 & Internet Explorer 8?

K

kirchevsky2014-01-30 02:17:12

Internet Explorer

kirchevsky, 2014-01-30 02:17:12

Perhaps someone faced the problem of displaying the bootstrap grid under Internet Explorer. I would be very grateful for a tip, otherwise digging the network for 3 days did not lead to anything particularly effective.
Thank you very much in advance.

Reply

Answer the question

In order to leave comments, you need to log in

4 answer(s)

K

KravtsovAI, 2014-09-05
@KravtsovAI

www.telegraphicsinc.com/2013/10/using-bootstrap-3-...

Y

Yuri Lobanov, 2014-01-30
@iiil

So it seems that the eight is supported by the third bootstrap, no? Maybe they made it wrong, what exactly is displayed incorrectly?

Y

Yuri Lobanov, 2014-01-30
@iiil

www.oneskyapp.com/docs/bootstrap/en/getting-starte...
Internet Explorer 8 and 9

Internet Explorer 8 and 9 are also supported, however, be aware that many CSS3 properties - such as rounded corners and shadows - are not supported by IE8. The placeholder attribute is also not supported in any of these versions.
Also, Internet Explorer 8 requires the use of respond.js to enable support for media requests

Media - this is how their media queries are apparently translated :)

L

Leagnus, 2014-06-30
@Leagnus

And you go to the code of the non-minimized bootstrap.css:
columns made with help. -sm-*, -md-*, -lg-* suffixes are encapsulated in @media queries, which are only supported since IE9.
One solution is to add extra modifiers to your columns with -xs-*.
Other - conditional comments

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->

and using styles like
.lt-ie8 {...}