title: Hosting Bootstrap/Jquery/HTML5Shiv locally breaks site in IE8
body: <p>I have a site that I built using bootstrap and it worked just fine in <strong>IE8</strong>.  Then I decided that in order to make my site load a little faster, i was going to stop bulling the various <code>.js</code> and <code>.css</code> files for <code>bootstrap/jquery/html5shiv/etc</code> from other servers and host them locally.  Doing that broke my site in IE8. In IE8, I get something that sort of resembles the mobile version.</p>
  
  <p>Any idea what I'm doing wrong?  I should be able to host all of these files locally, right?</p>
  
  <p>Here is what I have in my  tag originally that works:</p>
  
  <pre><code>   &lt;!-- Bootstrap core CSS --&gt;
  
  
  
  &lt;link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet"&gt;
  &lt;!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --&gt;
  &lt;!--[if lt IE 9]&gt;
    &lt;script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"&gt;&lt;/script&gt;
    &lt;script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"&gt;&lt;/script&gt;
  &lt;![endif]--&gt;
  &lt;link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap-theme.min.css"&gt;
  
      &lt;link href="/css/ffnv4.4.css" rel="stylesheet"&gt;
  
  &lt;script type="text/javascript" src="http://code.jquery.com/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"&gt;&lt;/script&gt;
  
  
  &lt;script type="text/javascript"&gt;
       if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
          var msViewportStyle = document.createElement("style");
          msViewportStyle.appendChild(
              document.createTextNode(
                  "@-ms-viewport{width:auto!important}"
              )
          );
          document.getElementsByTagName("head")[0].
              appendChild(msViewportStyle);
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>And here's the new code that doesn't work:</p>
  
  <pre><code>    &lt;!-- Bootstrap core CSS --&gt;
  
  
  
  &lt;link href="&lt;? echo CONTENT_SERVER; ?&gt;/bootstrap/css/bootstrap.min.css" rel="stylesheet"&gt;
  &lt;!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --&gt;
  &lt;!--[if lt IE 9]&gt;
    &lt;script src="&lt;? echo CONTENT_SERVER; ?&gt;/js/html5shiv.js"&gt;&lt;/script&gt;
    &lt;script src="&lt;? echo CONTENT_SERVER; ?&gt;/js/respond.min.js"&gt;&lt;/script&gt;
  &lt;![endif]--&gt;
  
  
  
          &lt;link href="&lt;? echo CONTENT_SERVER; ?&gt;/css/ffnv4.4.css" rel="stylesheet"&gt;
  
  &lt;script type="text/javascript" src="&lt;? echo CONTENT_SERVER; ?&gt;/js/jquery.js"&gt;&lt;/script&gt;
  &lt;script src="&lt;? echo CONTENT_SERVER; ?&gt;/bootstrap/js/bootstrap.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
       if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
          var msViewportStyle = document.createElement("style");
          msViewportStyle.appendChild(
              document.createTextNode(
                  "@-ms-viewport{width:auto!important}"
              )
          );
          document.getElementsByTagName("head")[0].
              appendChild(msViewportStyle);
      }
  &lt;/script&gt;
  </code></pre>