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个div和span3，如果需要6列，则6个div使用span2，依此类推。

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

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