title: PrimeFlex not applied on PrimeFaces
body: <p>I tried to setup PrimeFlex (3.0.1) for PrimeFaces (10.0.0). I used css files as provided in dist folder of <a href="https://github.com/primefaces/primeflex" rel="nofollow noreferrer">PrimeFlex repo</a>. Also I followed the <a href="https://www.primefaces.org/showcase/primeflex/setup.xhtml?jfwid=eeb38" rel="nofollow noreferrer">instructions</a> given in PrimeFaces ShowCase and used a couple of flexbox options for a first test drive (as given in <a href="https://www.primefaces.org/showcase/primeflex/flexbox.xhtml?jfwid=eeb38" rel="nofollow noreferrer">FlexBox showcase</a>.</p>
  <p>As a result, I retrieve a page that seems not to apply any of the PrimeFlex classes. But why?</p>
  <pre class="lang-html prettyprint-override"><code>&lt;?xml version='1.0' encoding='UTF-8' ?&gt;
  &lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
  &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;
        xmlns:h=&quot;http://xmlns.jcp.org/jsf/html&quot;
        xmlns:p=&quot;http://primefaces.org/ui&quot;&gt;
      &lt;h:head&gt;
          &lt;title&gt;PrimeFlex in Action&lt;/title&gt;
          &lt;h:outputStylesheet name=&quot;css/primeflex.css&quot; /&gt;
      &lt;/h:head&gt;
      &lt;h:body&gt;
          Hello from PrimeFlex
  
          &lt;h2&gt;Direction&lt;/h2&gt;
          &lt;div class=&quot;p-d-flex p-flex-column p-flex-md-row&quot;&gt;
              &lt;div class=&quot;p-mb-2 p-mr-2&quot;&gt;Item 1&lt;/div&gt;
              &lt;div class=&quot;p-mb-2 p-mr-2&quot;&gt;Item 2&lt;/div&gt;
              &lt;div class=&quot;p-mb-2 p-mr-2&quot;&gt;Item 3&lt;/div&gt;
          &lt;/div&gt;
  
          &lt;h2&gt;Flex Container&lt;/h2&gt;
          &lt;div class=&quot;p-d-flex&quot;&gt;Flex Container&lt;/div&gt;
          &lt;div class=&quot;p-d-inline-flex&quot;&gt;Inline Flex Container&lt;/div&gt;
  
          &lt;h2&gt;Responsive&lt;/h2&gt;
          Row direction for larger screens and column for smaller.
  
          &lt;div class=&quot;p-d-flex p-flex-column p-flex-md-row card&quot;&gt;
              &lt;div class=&quot;p-mb-2 p-mr-2&quot;&gt;Item 1&lt;/div&gt;
              &lt;div class=&quot;p-mb-2 p-mr-2&quot;&gt;Item 2&lt;/div&gt;
              &lt;div class=&quot;p-mb-2 p-mr-2&quot;&gt;Item 3&lt;/div&gt;
          &lt;/div&gt;
      &lt;/h:body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>The css file seems to be retrieved (looking at files shown in network section of Chrome developer tools) but then it is somehow not found/processed for my webapp.</p>
  <p>Also, I added FLEX activation into web.xml without any effect:</p>
  <pre class="lang-xml prettyprint-override"><code>    &lt;context-param&gt;
          &lt;param-name&gt;primefaces.FLEX&lt;/param-name&gt;
          &lt;param-value&gt;true&lt;/param-value&gt;
      &lt;/context-param&gt;
  </code></pre>
  
  <p>Also tried using the whole dist folder of PrimeFlex, also does not change a thing. Same with moving the <code>h:outputStylesheet</code> into different positions and sections.</p>