title: How to add a custom CSS file in ExtJs 5?
body: <p>In ExtJs 4, I included a custom css like this:</p>
  
  <pre><code>&lt;!-- &lt;x-compile&gt; --&gt;
      &lt;!-- &lt;x-bootstrap&gt; --&gt;
          &lt;link rel="stylesheet" href="bootstrap.css"&gt;
          &lt;script src="ext/ext-dev.js"&gt;&lt;/script&gt;
          &lt;script src="bootstrap.js"&gt;&lt;/script&gt;
      &lt;!-- &lt;/x-bootstrap&gt; --&gt;
      &lt;script src="app.js"&gt;&lt;/script&gt;
  &lt;!-- &lt;/x-compile&gt; --&gt;
  &lt;link rel="stylesheet" href="/custom/css.css" type="text/css" charset="utf-8" /&gt;
  </code></pre>
  
  <p>The fact that the link to the CSS comes after the <code>&lt;x-compile&gt;</code> section makes that it is loaded later and thus rules in <code>custom.css</code> override rules in the compiled extjs theme css.</p>
  
  <p>In ExtJs 5.0, this doesn't work anymore. Despite of including the custom css after the microloader, the theme css is loaded after <code>custom.css</code>:</p>
  
  <pre><code>&lt;script id="microloader" type="text/javascript" src="bootstrap.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="/custom/css.css" type="text/css" charset="utf-8" /&gt;
  </code></pre>
  
  <p>
  How to achieve that <code>custom.css</code> is loaded last in order to override some rules in the ExtJs css file ?</p>