Question

使用FoundationCSS，如果我通过定义行然后使用列来使用基本网格系统，我会在桌面上获得1000px宽的网格。

<div class="row">
  <div class="small-12 columns">
    ...
  </div>
</div>

但是，如果我做同样的事情，但省略了“行”，我会得到一个全宽度的布局。

<div class="small-12 columns">
  ...
</div>

通过省略“行”，我是否应该注意到任何副作用？

Answer 1

我发现最安全的事情是添加一个新类来使容器全宽：

.full-width {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: initial;
}

并在html中使用它：

<body>
  <div class="row full-width">
    <div class="small-12 columns">
      ....
    </div>
    <div class="row"
      <div class="small-6 columns>...</div>
      <div class="small-6 columns>...</div>
    </div>
  </div>
</body>

如果不包括行，FoundationCSS Side会影响

1 个答案: