Foundation 6 full width row
<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>