title: Bootstrap3 ignores col-lg col-md and col-sm in IE8
body: <p><strong>Problem:</strong>
  IE8 only takes in account my Grid layout with <strong>col-x</strong> classes. I have found a related / similar problem <a href="https://stackoverflow.com/questions/17947182/ie8-issue-with-twitter-bootstrap-3">IE8 issue with Twitter Bootstrap 3</a> wrt Respond.js and htm5shiv. I've tried all possible combinations, but IE8 still ignores my col-sm, col-md and col-lg classes (Media Tags?).</p>
  
  <p>Here is my demo <strong>HTML Code</strong> which doesn't work: </p>
  
  <pre><code>{% load staticfiles i18n %}
  
  &lt;!DOCTYPE html&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;meta name="description" content=""&gt;
      &lt;meta name="viewport" content="width=device-width"&gt;
  
  &lt;link href="{{ STATIC_URL }}css/bootstrap.css" rel="stylesheet"&gt;
  &lt;link href="{{ STATIC_URL }}css/test.css" rel="stylesheet"&gt; 
  
  &lt;!--[if lt IE 9]&gt;
    &lt;script src="{{ STATIC_URL }}js/html5shiv.min.js"&gt;&lt;/script&gt;
    &lt;script src="{{ STATIC_URL }}js/respond.min.js"&gt;&lt;/script&gt;
  &lt;![endif]--&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="container"&gt;
      &lt;div class= "row"&gt;
          &lt;div class="col-lg-1 col-md-1 col-sm-1 col-xs-3 yellow"&gt;
          &lt;/div&gt;
          &lt;div class="col-lg-1 col-md-1 col-sm-1 col-xs-3 green"&gt;
          &lt;/div&gt;
          &lt;div class="col-lg-1 col-md-1 col-sm-1 col-xs-3 red"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>{{STATIC_URL}} just points to my local static directory.</p>
  
  <p>Here is the <strong>CSS</strong>:</p>
  
  <pre><code>.yellow{
  background-color: yellow;
  height: 100px;
  border: 2px solid black;}
  
  .green{
  background-color: green;
  height: 100px;
  border: 2px solid black;}
  
  .red{
  background-color: red;
  height: 100px;
  border: 2px solid black;}
  </code></pre>
  
  <p>I have verified that the JS and CSS files are loaded in IE8. 
  I'm using </p>
  
  <ul>
  <li>Bootstrap 3.1.0</li>
  <li>html5shiv 3.7.0</li>
  <li>respond (latest version Feb/2014 - built 3fde2627484f8cb38e2bd4dbf2374cf41184b0f4)</li>
  </ul>
  
  <p>What am I doing wrong? Why doesn't IE8 uses my col-lg col-md and col-sm classes?</p>
  
  <p>Thanks!</p>