基础6全宽行

Question

在基础6中,全宽行通常定义为12列,但下面的代码具有相同的输出,

选项1:

<div class="row">
  <div class="large-6 columns">
    <h1>Welcome to Foundation1</h1>
  </div>
  <div class="large-6 columns">
  </div>
</div>

选项#2:

<div class="row">
  <div class="large-6 columns">
    <h1>Welcome to Foundation1</h1>
  </div>
</div>

选项#3:

<div class="row">
  <div class="large-12 columns">
    <h1>Welcome to Foundation1</h1>
</div>

他们上面的选项做了所有相同的事情,但我看到选项#3主要是由Web开发人员完成的.有什么优势吗？

Answer 1

在基础6中,你可以通过"扩展行"来使用100%os屏幕

<div class="row expanded">
    <div class="large-12 columns">
        content
    </div>
</div>

在基础6中可以使用单行宽12列

<div class="row column">
     my content
</div>

它等于第一个例子(没有扩展)