引导变量网格设计布局结构

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