2013-11-22 28 views
-1

事情是,我有一對跨度4 &跨度5的瓷磚在第一行,在下一個我有一個跨度9的大瓷磚.. 。但一切都錯了一些爲什麼發生的想法???誰能告訴我如何對齊城市UI CSS佈局瓷磚

我使用的是Chrome 31或使用jQuery爲2.xx - Metro UI的CSS 2.0

格的寬度是默認的940px ..

<body class="metro"> 
<div class="wrapper"> 

<div class="board grid"> 

<div class="row"> 
<div class="span4 bg-red tile header">size 4</div> 
<div class="span5 bg-red tile header">size 5 </div> 
</div> 

<div class="row"> 
<div class="span9 bg-cyan tile weather header ">size 9</div> 
</div> 


<div class="row"> 
<div class="span2 bg-pink tile weather header ">size 2</div> 
<div class="span6 bg-yellow tile weather header ">size 6</div> 
<div class="span1 bg-orange tile weather subheader ">size 1</div> 
</div> 

</div> 
</div> 

「包裝是空白」

現在它看起來像這樣: https://drive.google.com/file/d/0B2KdeNv2dTpxMU1NcF94eVBmeTQ/edit?usp=sharing

+0

你可以發表一些代碼,小提琴和/或你已經嘗試過嗎?否則,它就像試圖在沙灘上找到特定的沙粒:( – SW4

+0

盲目的問題,沒有代碼... – fiskolin

回答

0

必須添加跨度12網格中的每一行..

+0

這發生https://drive.google.com/file/d/0B2KdeNv2dTpxWG53Y2ZrVUs2V0U/edit?usp=sharing –

+0

嘗試你爲每個班級跨度添加偏移量..

size 4

+0

該框與之前的框對齊,但其他人甚至沒有給它們偏移以匹配12列 –

0

我使用一個名爲Gridster的插件修復了這個問題,如果你對這裏有興趣的鏈接:Plugin to design Metro UI style layout它讓你拖動屏幕周圍的塊,直到你獲得所需的位置。即使您可以決定是否允許用戶拖動塊。