Gridster的替代品

时间:2015-03-25 16:03:52

标签: javascript jquery html twitter-bootstrap-3 gridster

我试图找到类似于gridster的自动调整大小网格系统的类似解决方案。

基本上我正在创建一个网格/仪表板/表系统,我会收到这样的元素的动态结构:

  • rowPos:1,colPos:1,rowspan的:1,列跨度:1
  • rowPos:2,colPos:1,rowspan的:2,列跨度:1
  • rowPos:1,colPos:3,rowspan的:1,列跨度:2
  • rowPos:1,colPos:4,rowspan的:1,列跨度:1
  • rowPos:2,colPos:4,rowspan的:1,列跨度:1

enter image description here

由于每个元素彼此独立,我需要将其设置为像grisdter系统一样的html:

<li data-row="1" data-col="1" data-sizex="1" data-sizey="1"></li>

我在我的项目中实现了gridster并且运行良好,但我需要一个响应式网格。 我不需要gridster的拖放支持,只需要类似的结构来创建html。

您可以向类似解决方案建议的任何想法或项目。我是网络世界的新人。我找到了很多项目,但他们都按照大小自动处理元素的位置。

提前致谢。

1 个答案:

答案 0 :(得分:0)

响应式网格有很多选项。我喜欢responsivegridsystem.com或者Foundation。但是如果你搜索&#34;响应式网格系统&#34;你会得到一堆选择。