Bootstrap 3 issues with IE8

Posted: March 27, 2014 in Javascript/CSS
Tags: ,

The basic steps are already covered in Bootstrap website:

In you html head section, make sure the following lines are there

<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src=""></script>
<script src=""></script>

Respon.js are required for media queries to be working in IE8. But please note that Respond.js works by requesting a pristine copy of your CSS via AJAX, so if you host your stylesheets on a CDN (or a subdomain), you’ll need to upload a proxy page to enable cross-domain communication.

So to avoid this, you should avoid CDN if you are going to support IE8.

  1. chetan says:

    i have already put the script of html5shiv and respond.js but the problem are same. My website comes in one column of 100% width.. plz give another solution for this problem

  2. chetan says:

    and this problem are similiar with wordpress using the bootstrap theme..

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s