IE8 and below .container width forced to 940px

[cssgirl]

Hi,

I am working on a site and during our QA we noticed that the theme is forcing IE8's (and below) .container down to 940px instead of 1170px (IE9+ is working fine). This is at full screen, 20"+ width monitors.

I am also using this theme on another site and this is not happening, so I'm assuming something is conflicting here - any idea what would be causing this?

Thanks,
Lindsey

[mbijon]

@cssgirl, this is an expected behavior in IE8 or older IE's, & not a bug.

The default grid-width in Twitter Bootstrap is 940px. At 1170px you're actually seeing a media query that IE8 doesn't support (the same way that IE8 doesn't show the tablet & mobile sizes when you shrink your browser). Since IE8 doesn't support media queries you get the default width.

Although you have large monitor, the Bootstrap project team decided to make 940px the default because most people running older browsers like IE8 tend to have older computers they haven't upgraded in years.

[itskawsar]

@cssgirl Please check bootstrap repo issue: https://github.com/twbs/bootstrap/issues/2203