CODEWITHSUNDEEP
csstwitter-bootstrapinternet-explorertwitter-bootstrap-3internet-explorer-8
Ilja
Ilja

Reputation: 46547

Bootstrap 3 col-xs-.. overwrites -sm -md etc.. in ie8

I was testing a page in ie8 and it occurred to me that no matter what resolution it always uses col-xs-.. classes to size content, therefore always looks like mobile version of the website, but stretched out. Is there a way to force ie8 to respect col-sm-.. col-md.. col-lg-.. classes?

Upvotes: 1

Views: 784

Answers (1)

Saqib Mobeen
Saqib Mobeen

Reputation: 144

I had the same issue once I was working with my site. IE8 and below do not support media queries. Include respond.js in project. and then all you need to do is to add this meta tag in your page.

<meta http-equiv="X-UA-Compatible" content="IE=edge,IE=10,IE=EmulateIE10,IE=9,IE=EmulateIE9,IE=8,IE=EmulateIE8,IE=7,IE=EmulateIE7" />

hope this would solve your issue

Upvotes: 1

Related Questions