title: Bootstrap CDN does not work in IE8
body: <p>I am trying to publish my website using Bootstrap CDN and want it to work correctly in IE8.
  However, when referencing the Bootstrap CSS on my web server, Bootstrap works perfectly but, when using CDN, the layout of the page will break.</p>
  
  <p>The following brief example hosted on my web server works correctly in IE8 emulation mode on IE11.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
    &lt;head&gt;
      &lt;meta charset="UTF-8" /&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge" /&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1" /&gt;
      &lt;title&gt;brief example&lt;/title&gt;
      &lt;link href="bootstrap.min.css" rel="stylesheet" /&gt;
      &lt;!--[if lt IE 9]&gt;
        &lt;script type="text/javascript" src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" src="https://oss.maxcdn.com/respond/1.4.2/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-sm-6"&gt;
            left side
          &lt;/div&gt;
          &lt;div class="col-sm-6"&gt;
            right side
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"&gt;&lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><code>bootstrap.min.css</code> is the file downloaded from <a href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="nofollow">https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css</a>.</p>
  
  <p>However, replacing <code>bootstrap.min.css</code> to <code>https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css</code> makes the layout broken.
  "right side" gets placed on the bottom side of "left side".</p>
  
  <p>What causes the problem?</p>