2013-01-12 45 views
0

我正在尝试使用grid layout functionality in BootMetro。我有一个非常简单的例子,它不会导致我期望的结果。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列网格。所以前三列应该填写前九栏。然后下列列应填入第一行。他们没有,他们实际上成为新的行。难道我做错了什么?

回答

1

您必须在所有列上放置.span指示器。在你最后3个div里,你没有指定任何东西。

如果你想要4列,你会有4个div与span3,如果你想6列,6 divs与span2等等。

每行的跨度值的总和必须始终总计达到12

(对不起我的简洁,我从我的电话写)

+0

酷,这是EZ足够:) THX – bas

+0

没什么大不了:) PLZ把它标记为回答:) – Juri

+0

啊以为我做到了:)。对我的手机也发表了评论,对于我肥胖的手指来说太小了:D。在接下来的日子里我会有更多的问题,我很害怕,所以我希望你能更频繁地找到我的新问题:) – bas