引導變量網格設計佈局結構

Question

我是新手引導，我試圖建立一個類似於附加圖像的引導網格。

我已經嘗試過gridster bootstrap（https://github.com/ncthis/gridster-bootstrap），但是當我將生成的html複製到我的html mokeup時，它可能會打亂整個頁面。

在這方面的任何幫助將不勝感激。

https://www.dropbox.com/s/lsukvqdjko9qn36/grid.png?dl=0

Answer 1

如果你想嚴格按照你的Dropbox設計，使用rowspan的和引導表columnspan。

訣竅創建一個12列類似於引導網格結構的表格，並相應地放置您的內容。

<table> 
<tbody> 
    <tr> 
    <td colspan=6>Grid 1</td> 
    <td colspan=6><div>Grid 2</div></td> 
    </tr> 
    <tr> 
    <td colspan=12><div>Grid 3</div></td> 
    </tr> 
</tbody> 
</table> 

Answer 2

那不是引導而是gridster不相同，並允許拖放（但你也可以禁用它，如果不符合您的預期相符） http://fiddle.jshell.net/h9f63/367/

good luck