title: Using PrimeNG with Bootstrap 4
body: <p>Currently, I am playing around with UI-Libraries for a new Angular 2 Project. I tried Ng-Bootstrap and Material. Unfortunately they are still in Alpha and Beta. I also checked PrimeNG. At the moment PrimeNG offers a lot more components than Material and NgBootstrap. Especially when it comes to tables. PrimeNG seems to be stable and ready to use for production.</p>
  
  <p>I am not really pleased with the Grid System of PrimeNG. For example it is not clear how to perform a column offset for example. I couldn't find this in the <a href="https://www.primefaces.org/primeng/#/grid" rel="noreferrer">documentation</a> neither. </p>
  
  <p>I started to use Bootstrap 4 with PrimeNG Components. To me it is not fully clear if this is a good way to do. It feels like I have two frameworks that are doing the same in some cases. For example if I want to create a button I could do the following just using Bootstrap classes.</p>
  
  <p><code>&lt;button class="btn btn-primary"&gt;Button with Bootstrap&lt;/button&gt;</code></p>
  
  <p>or I could do the following using PrimeNG</p>
  
  <pre><code>&lt;button pButton type="button" label="Button created with PrimeNG"&gt;&lt;/button&gt;
  </code></pre>
  
  <p>Am I missing some features of PrimeNG or is it valid to use Bootstrap in combination with PrimeNG as it offers more features when it comes to Grid-Layout?</p>