title: Bootstrap 3 + respond.js + IE8
body: <p>I know this is common problem, I have checked a lot of solution and nothing works. So lets begin:</p>
  
  <p>Common problem: Bootstrap 3 does not work on IE8. I have added respond.js, meta tag, doctype, but without effect.</p>
  
  <p>All of it is hosted on Sharepoint 2007 server, so I'm not working locally</p>
  
  <p>My head:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  
  &lt;html&gt;
      &lt;head id="Head1" runat="server"&gt;
          &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
          &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  
          &lt;link rel="stylesheet" type="text/css" href="/_layouts/css/my.css" /&gt;
          &lt;link rel="stylesheet" type="text/css" href="/_layouts/bootstrap/css/bootstrap.min.css" /&gt;
          &lt;!--[if lt IE 9]&gt;
              &lt;script src="/_layouts/js/html5shiv.js"&gt;&lt;/script&gt;
              &lt;script src="/_layouts/js/respond.min.js"&gt;&lt;/script&gt;
          &lt;![endif]--&gt;
  
      &lt;/head&gt;
  </code></pre>
  
  <ul>
  <li>I have tried to move <code>[if lt IE 9]</code> around document: after all css files, last thing before  etc. nothing helps.</li>
  <li>I have tried with bootstrap.css and bootstrap.min.css also.</li>
  <li>I have also removed all stuff that is not importan</li>
  <li>I have changed my.css and bootstrap.css order</li>
  <li>Of course I have latest version of respond.js
  And it still does not have any effect.</li>
  </ul>
  
  <p>Any help?</p>