Foundation 5 - 如何获得八列网格

Question

如何在基础 5 中实现八列网格？

我目前有以下

<div class="container">
    <div class="row">
        <div class="large-1 columns">Today</div>
        <div class="large-1 columns">Tomorrow</div>
        <div class="large-1 columns">Wednesday</div>
        <div class="large-1 columns">Thursday</div>
        <div class="large-1 columns">Friday</div>
        <div class="large-1 columns">Saturday</div>
        <div class="large-1 columns">Sunday</div>
        <div class="large-1 columns">Monday</div>
     </div>
</div>

容器宽度 = 1200px

Answer 1

正如其中一条评论所指出的，如果您想自定义列数，则需要使用 Sass。

您可以按照 Zurb 的教程获得 Sass 和 Foundation 工作：http://foundation.zurb.com/docs/sass.html

我强烈建议将 Foundation 与 Sass 一起使用，因为它使自定义变得更加容易。如果您不熟悉 Sass，这将是一个学习曲线，但绝对值得！ http://sass-lang.com/guide

一旦您 Sass 开始工作，请按照此处找到的示例代码进行操作：http://foundation.zurb.com/docs/components/grid.html 让您的自定义列号正常工作。

.custom-row-class {
  @include grid-row();
  .custom-column-class {
    @include grid-column(8);
  }
}

Foundation 5 - 如何获得八列网格

Foundation 5 - How can I get Eight column grid

html

css

zurb-foundation-5