破碎的骨架 12 和 4 列

Question

我正在做我的第一个基于Skeleton的css框架项目。到目前为止，一切都很顺利，但似乎我坚持了一件事。这是代码：

<div class="sixteen columns">
        <div class="clear spacernews"></div>
    </div>
    <div class="twelve columns">
            <div class="four columns newspoint">1</div>
            <div class="four columns newspoint">2</div>
            <div class="four columns newspoint">3</div>
    </div>
    <div class="four columns">
        <h3>Docs &amp; Support</h3>
        <p>The easiest way to really get started with Skeleton is to check out the full docs and info at <a href="http://www.getskeleton.com">www.getskeleton.com.</a>. Skeleton is also open-source and has a <a href="https://github.com/dhgamache/skeleton">project on git</a>, so check that out if you want to report bugs or create a pull request. If you have any questions, thoughts, concerns or feedback, please don't hesitate to email me at <a href="mailto:[e-mail]">[e-mail]</a>.</p>
    </div>

这个问题如下 - 当我只有十二列和四列时，它工作得很好。但是当我嵌套那 3x 四列新闻点时，网格崩溃了。为什么？有什么想法吗？

Answer 1

如果需要三列，则说明您有错误的类。 试试one-third column 。

另一件事是，如果将列添加到列中，则必须将 alpha 和 omega 添加到第一列和最后一列。

Answer 2

只需使用"column/columns omega"作为包装类。

<div class="column omega">
        <div class="four columns newspoint">1</div>
        <div class="four columns newspoint">2</div>
        <div class="four columns newspoint">3</div>
</div>

那就好。