BootMetro 网格布局入门

Question

我正在尝试使用grid layout functionality in BootMetro。我有一个非常琐碎的例子，它没有达到我的预期。

<div class="container">
    <div class="row">
        <div class="span3">row1column1-3</div>
        <div class="span3">row1column4-6</div>
        <div class="span3">row1column7-9</div>
        <div>row1column10</div>        
        <div>row1column11</div>        
        <div>row1column12</div>        
    </div>
</div>

默认情况下，BootMetro 网格为我提供了 12 列网格。所以前 3 列应该填满前 9 列。然后以下列应填充第一行。他们没有，他们实际上变成了新的行。我是不是做错了什么？

Answer 1

您必须在所有列上放置一个.span 指示符。但是，在您的最后 3 个 div 中，您没有指定任何内容。

如果你想要 4 列，你将有 4 个带有 span3 的 div，如果你想要 6 个列，则有 6 个带有 span2 的 div，依此类推。

每行跨度值的总和必须始终为 12。

（对不起，我是用手机写的）