Jquery bootstrap可变网格设计布局结构

我是新的引导，我试图建立一个引导网格，类似于附加的图像

我已经尝试过gridster bootstrap（），但是当我将生成的html复制到html mokeup时，它可能会干扰整个页面

在此方面的任何帮助都将不胜感激

---

如果您想严格遵循DROPBOX中的设计，请使用引导表的行span和列span

创建一个包含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>

网格1
网格2
网格3

这不是引导，但gridster也会这样做，并允许拖放（但如果与您的期望不符，您也可以禁用它）

good luck