title: PrimeFaces Grid CSS not applied since css classes are not found?
body: <p>I am trying to get the PrimeFaces Grid CSS working, but it won't work. I followed the example on the PrimeFaces page, but when I run it through the browser all the DIV entries are shown in a vertical list. Where is the error?
  I have the following XHTML:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html   xmlns="http://www.w3c.org/1999/xhtml"
          xmlns:h="http://java.sun.com/jsf/html"
          xmlns:p="http://primefaces.org/ui"
          xmlns:f="http://xmlns.jcp.org/jsf/core"&gt;
      &lt;h:head/&gt;
      &lt;h:body&gt;
          &lt;div class="ui-grid"&gt;
              &lt;div class="ui-grid-row"&gt;
                  &lt;div class="ui-grid-col-4"&gt;Col1&lt;/div&gt;
                  &lt;div class="ui-grid-col-4"&gt;Col2&lt;/div&gt;
                  &lt;div class="ui-grid-col-4"&gt;Col2&lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="ui-grid"&gt;
              &lt;div class="ui-grid-row"&gt;
                  &lt;div class="ui-grid-col-4"&gt;4&lt;/div&gt;
                  &lt;div class="ui-grid-col-8"&gt;8&lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="ui-grid"&gt;
              &lt;div class="ui-grid-row"&gt;
                  &lt;div class="ui-grid-col-4"&gt;4&lt;/div&gt;
                  &lt;div class="ui-grid-col-4"&gt;4&lt;/div&gt;
                  &lt;div class="ui-grid-col-4"&gt;4&lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="ui-grid-row"&gt;
                  &lt;div class="ui-grid-col-4"&gt;4&lt;/div&gt;
                  &lt;div class="ui-grid-col-4"&gt;4&lt;/div&gt;
                  &lt;div class="ui-grid-col-4"&gt;4&lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="ui-grid-row"&gt;
                  &lt;div class="ui-grid-col-4"&gt;4&lt;/div&gt;
                  &lt;div class="ui-grid-col-4"&gt;4&lt;/div&gt;
                  &lt;div class="ui-grid-col-4"&gt;4&lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="ui-grid ui-grid-responsive"&gt;
              &lt;div class="ui-grid-row"&gt;
                  &lt;div class="ui-grid-col-4"&gt;4&lt;/div&gt;
                  &lt;div class="ui-grid-col-8"&gt;8&lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="ui-grid ui-grid-fixed"&gt;
              &lt;div class="ui-grid-row"&gt;
                  &lt;div class="ui-grid-col-4"&gt;4&lt;/div&gt;
                  &lt;div class="ui-grid-col-8"&gt;8&lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/h:body&gt;
  &lt;/html&gt;
  </code></pre>