Bootstrap - 創建100列的網格，結婚的形狀圓形

我有一個容器，有一個圓形的形狀。我想創建一個內部有100列的網格。我想有一個函數可以創建一個形狀與網格形狀結合的網格。Bootstrap - 創建100列的網格，結婚的形狀圓形

到目前爲止，我已創建一個正方形網格（10×10）

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/