title: Flexbox: inline as html attributes or as CSS classes?
body: <p>Flex box "inlined" as html attributes: <a href="http://ui.lumapps.com/directives/text-fields" rel="nofollow">(sample taken from LumX website)</a>:</p>
  
  <pre><code>&lt;div flex-container="row"&gt;
      &lt;div flex-item&gt;
          &lt;lx-text-field label="Company" disabled="true"&gt;
              &lt;input type="text" ng-model="textFields.disabled" ng-disabled="true"&gt;
          &lt;/lx-text-field&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Or as CSS attributes:</p>
  
  <pre><code>  display: flex;
    flex-direction: row;
  </code></pre>
  
  <p>What is the recommended way to use flexbox? As css classes or as html attributes?</p>