Twitter Bootstrap and respond.js too responsive in IE8

Question

I'm having some issues with testing Twitter Bootstrap v3 in IE8. The problem seems to be the layout goes completely responsive in IE8 instead of showing the desktop version on the desktop using Windows 7.

This is the code in my head:

    <!-- Just for debugging purposes. Don't actually copy this line! -->
<!--[if lt IE 9]><script src="../../docs-assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->

I see one of their examples works just fine, so I'm not sure what's going wrong here.

score 3 · Accepted Answer · answered Jan 03 '14 at 00:26

3

Respond.js only works with local CSS files unless additional steps are taken. I would recommend serving your 'bootstrap.css' file locally as a simple fix.

More information can be found at http://getbootstrap.com/getting-started/#browsers

answered Jan 03 '14 at 00:26

asherstoppard

834
5
8

I have added bootstrap.css locally but it is still going completely mobile first in IE8. Any other ideas? – Terri Swiatek Jan 10 '14 at 17:36
Apologies on the late reply, is the website on an accessible test server? – asherstoppard Jan 21 '14 at 12:58

score 0 · Answer 2 · edited May 23 '17 at 12:19

0

Thanks! I think that is the issue. I didn't realize you can't use the CDN.

I just found this thread as well that goes over several things: IE8 issue with Twitter Bootstrap 3

I'll go through and I'm sure that and some combination of these items should do the trick.

edited May 23 '17 at 12:19

Community

1
1

answered Jan 03 '14 at 19:57

Terri Swiatek

489
2
11
21

Twitter Bootstrap and respond.js too responsive in IE8

2 Answers2