骨架:列中的两个嵌套行-howto

Question

我刚接触骨架，刚刚接触过它。我无法将1行与4列块内的行和8列块混合，其中8列块内应该有2个嵌套行。它只是打破了所有的格子。

我试着创建一个图片库。（对不起，我还不能发布图片示例）

因此，对于我的逻辑来说，它应该是（只是示例代码，而不是真正的代码）：

<div class="container">
<div class="row">
    <div class="four columns">
            Picture content
    </div>
    <div class="eight columns">
        <div class="row">
            <div class="four columns alpha">
                Picture content
            </div>      
            <div class="four columns omega">
                Picture content
            </div>
        </div>  
        <div class="row">
            <div class="eight columns">
                Picture content
            </div>      
        </div>
    </div>      
</div>  

我遵循了我在网上找到的一些描述。但不起作用你知道行和列的构造应该是什么样子吗？

Answer 1

找到的解决方案：

我的错误：第二组列包含嵌套行。该行不包含父列组的8列位-行类div始终包含12列，独立于整行或仅为行的一部分（在嵌套行的情况下）

所以正确的代码是：

    <div class="container">
        <div class="row">
            <div class="four columns">
                Picture content
            </div>
            <div class="eight columns">
                <div class="row">
                    <div class="six columns alpha">
                        Picture content
                    </div>      
                    <div class="six columns omega">
                        Picture content
                    </div>
                </div>  
                <div class="row">
                    <div class="twelve columns">
                        Picture content
                    </div>      
                </div>
            </div>      
        </div> 
    </div> 

这将导致嵌套行中有一点额外的间距，但可以通过额外的样式进行更正。