如何使用jquery / bootstrap绘制正方形（具有不同的大小）

Question

我正在尝试使用jQuery / bootstrap（用于生成）和使用angular进行某种绑定（但这里的角度并不重要）来绘制如下所示的内容。

问题：

1. 有谁知道如何呈现那样的东西？
2. 我的目标是每行10个方格（跨度在1到3个立方体之间），但我不知道我怎么知道我可以装入多少行。有谁有想法吗？如何将其与给定的分辨率相匹配？

Answer 1

如何使用JQuery动态创建基于百分比的维度的元素？ 我会使用z-index添加搜索框，将其叠加在网格顶部

另一种选择是使用一些基于模板的框架（如Knockout）来绑定某些数据源的网格