title: AltoRouter send Mime Type
body: <p>I'm using <code>AltoRouter</code> to route my urls to the correct files. Now basically <a href="https://stackoverflow.com/questions/53995715/bootstrap-stylesheet-not-applied">here</a>, I describe my problem already.</p>
  
  <p>On one page, I have an alert included, styled by bootstrap.</p>
  
  <p>It's defined as simple as that:</p>
  
  <pre><code>$('#wrongPasswordDiv').html('&lt;br/&gt;&lt;div class="alert alert-danger" id="wrongPWAlert" role="alert"&gt;Falsches Passwort. Bitte erneut versuchen!&lt;/div&gt;');
  </code></pre>
  
  <p>Also, before, Bootstrap css file is included:</p>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css" href="/bootstrapcss" /&gt;
  </code></pre>
  
  <p><code>bootstrapcss</code> is routed to the correct css file using <code>AltoRouter</code> and this line of code:</p>
  
  <pre><code>$router-&gt;map('GET','/bootstrapcss','vendor/twbs/bootstrap/dist/css/bootstrap.css','bootstrapcss');
  </code></pre>
  
  <p>Now, in console, it throws a warning saying <code>Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://localhost/bootstrapcss"</code>.</p>
  
  <p>If I use the complete path to the css file, a CDN  or remove the <code>DOCTYPE</code>, its working fine. But I don't wanna do either of those variations... Removing the doctype, might damage other functions and if I would use the complete css path, then I wouldn't need the routing...</p>
  
  <p>Any ideas how I could send the <code>Content-type: text/css</code> header, in order to get it working? </p>