title: XPages Bootstrap 3.1.1 and Font-Awesome 4.1.0 combined in a theme not working
body: <p>I added the files for bootstrap and font-awesome to my WebContent folder and modified the urls in the font-awesome .css file as recommended.</p>
  
  <p>Then I created a bootstrap theme, which pulls in all the required bootstrap files (.css, .js), jquery and the font-awesome .css file.</p>
  
  <p>However, when I try to use a font-awesome icon (i-tag with class fa fa-icon-name), the icon is not being rendered (IE8/9 and Firefox 30).</p>
  
  <p>When I deactivate the theme and add the font-awesome .css file as a resource directly to my Xpage, it works.</p>
  
  <p>Might the issue be caused by the order I am pulling in the different files in my theme?</p>
  
  <pre><code>&lt;theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="platform:/plugin/com.ibm.designer.domino.stylekits/schema/stylekit.xsd" &gt;
  
  &lt;resources&gt;
      &lt;metaData&gt;
          &lt;name&gt;viewport&lt;/name&gt;
          &lt;content&gt;width=device-width, initial-scale=1.0&lt;/content&gt;
      &lt;/metaData&gt;
  &lt;/resources&gt;
  
  &lt;!-- font awesome --&gt;
      &lt;resource&gt;
          &lt;content-type&gt;text/css&lt;/content-type&gt;
          &lt;href&gt;font-awesome/css/font-awesome.css&lt;/href&gt;
      &lt;/resource&gt;
  
  &lt;!-- bootstrap --&gt;
      &lt;!-- bootstrap js --&gt;
      &lt;resource&gt;
          &lt;content-type&gt;application/x-javascript&lt;/content-type&gt;
          &lt;href&gt;bootstrap/js/bootstrap.min.js&lt;/href&gt;
      &lt;/resource&gt;
  
      &lt;!-- bootstrap css--&gt;
      &lt;resource&gt;
          &lt;content-type&gt;text/css&lt;/content-type&gt;
          &lt;href&gt;bootstrap/css/bootstrap.min.css&lt;/href&gt;
      &lt;/resource&gt;
  
  &lt;!-- jquery --&gt;
  &lt;resource&gt;
      &lt;content-type&gt;application/x-javascript&lt;/content-type&gt;
      &lt;href&gt;jquery/jquery-1.11.1.min.js&lt;/href&gt;
  &lt;/resource&gt;
  
  &lt;!-- Add default style classes to buttons and fields --&gt;
      &lt;!-- Button --&gt;
      &lt;control&gt;
          &lt;name&gt;Button.Command&lt;/name&gt;
          &lt;property mode="concat"&gt;
              &lt;name&gt;styleClass&lt;/name&gt;
              &lt;value&gt;btn&lt;/value&gt;
          &lt;/property&gt;
      &lt;/control&gt;
  
      &lt;!-- Fields --&gt;
      &lt;control&gt;
          &lt;name&gt;ComboBox&lt;/name&gt;
          &lt;property mode="concat"&gt;
              &lt;name&gt;styleClass&lt;/name&gt;
              &lt;value&gt;form-control&lt;/value&gt;
          &lt;/property&gt;
          &lt;property mode="override"&gt;
              &lt;name&gt;showReadonlyAsDisabled&lt;/name&gt;
              &lt;value&gt;#{true}&lt;/value&gt;
          &lt;/property&gt;
      &lt;/control&gt;
  
      &lt;control&gt;
          &lt;name&gt;InputField.EdtiBox&lt;/name&gt;
          &lt;property mode="concat"&gt;
              &lt;name&gt;styleClass&lt;/name&gt;
              &lt;value&gt;form-control&lt;/value&gt;
          &lt;/property&gt;
          &lt;property mode="override"&gt;
              &lt;name&gt;showReadonlyAsDisabled&lt;/name&gt;
              &lt;value&gt;#{true}&lt;/value&gt;
          &lt;/property&gt;
      &lt;/control&gt;
  
      &lt;control&gt;
          &lt;name&gt;InputField.TextArea&lt;/name&gt;
          &lt;property mode="concat"&gt;
              &lt;name&gt;styleClass&lt;/name&gt;
              &lt;value&gt;form-control&lt;/value&gt;
          &lt;/property&gt;
          &lt;property mode="override"&gt;
              &lt;name&gt;showReadonlyAsDisabled&lt;/name&gt;
              &lt;value&gt;#{true}&lt;/value&gt;
          &lt;/property&gt;
      &lt;/control&gt;
  &lt;/theme&gt;
  </code></pre>
  
  <p>Any help would be highly appreciated.</p>
  
  <p>Thank you.</p>
  
  <p>Daniel</p>