title: How to make Bootstrap responsive layout work on IE8
body: <p>I've been search for a while and found some people got it working, but none of them provide any code samples.</p>
  
  <p>I tried their suggestions but it didn't work for me. By suggestions, I tried adding <code>&lt;meta http-equiv="X-UA-Compatible" content="IE=edge" /&gt;</code>, <code>respond.js</code> or <code>css3-mediaqueries-js</code>, but none of them helped.</p>
  
  <p>Here's a <a href="http://jsfiddle.net/QnDaM/1/" rel="noreferrer">jsfiddle</a>, if you view it with IE8, you'll see both <code>a</code> and <code>b</code> are on the same row regardless of your browser width. </p>
  
  <p>But if you view with Chrome, FF or IE9 or above, you'll see them on different rows or single row depending on the browser width.</p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>I tried to uncomment one of them (css3-mediaquery, html5shiv and respond) at a time but got no luck with any one of them.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
  
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  
      &lt;link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/latest/css/bootstrap-combined.min.css" rel="stylesheet"&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
      &lt;div class="container"&gt;
          &lt;div class="row"&gt;
              &lt;div class="span4"&gt;
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
              &lt;/div&gt;
              &lt;div class="span8"&gt;
                  LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT.
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="http://netdna.bootstrapcdn.com/twitter-bootstrap/latest/js/bootstrap.min.js"&gt;&lt;/script&gt;
  
      &lt;%--&lt;script type="text/javascript" src="js/css3-mediaqueries.js"&gt;&lt;/script&gt;--%&gt;
      &lt;%--&lt;script type="text/javascript" src="js/html5shiv.js"&gt;&lt;/script&gt;--%&gt;
      &lt;%--&lt;script type="text/javascript" src="js/respond.js"&gt;&lt;/script&gt;--%&gt;
  
      &lt;/script&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>