2013-01-12 81 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