asp.net - 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。

(对不起，我的简洁，我正在用手机写作)