title: Foundation 6 full width row
body: <p>In foundation 6 a full width row is normally defined as 12 columns, but the code below have equal output,</p>
  
  <p>Option #1:</p>
  
  <pre><code>&lt;div class="row"&gt;
    &lt;div class="large-6 columns"&gt;
      &lt;h1&gt;Welcome to Foundation1&lt;/h1&gt;
    &lt;/div&gt;
    &lt;div class="large-6 columns"&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Option #2:</p>
  
  <pre><code>&lt;div class="row"&gt;
    &lt;div class="large-6 columns"&gt;
      &lt;h1&gt;Welcome to Foundation1&lt;/h1&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Option #3:</p>
  
  <pre><code>&lt;div class="row"&gt;
    &lt;div class="large-12 columns"&gt;
      &lt;h1&gt;Welcome to Foundation1&lt;/h1&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>They above options do all the same thing but I see option #3 is mostly what is done by web developers. Are there any advantage?</p>