Bootstrap - 创建100列网格，与圆形结合

Question

我有一个圆形的容器。我想在其中创建一个包含100列的网格。我想要一个能够创建该网格的功能，该网格的形状将与圆形结合。

到目前为止，我已经创建了一个方格（10x10）

for (var i=0; i<10; i++) {
  var $row = $('<div class="row"></div>');
  for (var j=0; j<10; j++) {
    $row.append('<div class="col-xs-1 ' + (j==0 ? "col-xs-offset-1" : "") + ' grid_cell"><span class="glyphicon glyphicon-user"></span></div>');
    }
  $("#grid_1").append($row);
};

请参阅小提琴：https://jsfiddle.net/vo1npqdx/884/

是否存在可以帮助解决该问题的数学定理？

-------------------------------------------- - - - - - - - - - -编辑 - - - - - - - - - - - - - - - --------------------------------

我设法做这样的事情手动放置单元格（使用开关盒）。什么方式来推动它？

https://jsfiddle.net/vo1npqdx/886/

Answer 1

我尝试使用display:flex属性。我没有创建10x10。我的方法是完全动态的。请检查这个小提琴。 https://jsfiddle.net/nc3uLy6L/