引导jquery如何对齐从jquery添加的图像

我想在每行4列的网格中显示通过单击按钮动态加载的图像

我的问题是，我事先不知道用户想要显示多少图像，因此我无法在“行”中分隔视图，并在该行的每个div上放置“col-md-3”

我想通过不断地在同一个div上添加，它会将图像堆叠成一行，但事实并非如此

显示方式如下：

我希望展示的方式：

有人能帮我吗？ 代码在这里

添加更多img
$（函数（）{
$（'.btn'）。单击（函数（）{
变量大小=$（'宽度'）.val（）.长度>0？$（'宽度'）.val（）：'60'+'x'+$（'高度'）.val（）.长度>0？$（'高度'）.val（）：'60'，
html=''；
$（'#content div:last'）。在（html）之后；
});
});

一行可以有12列，一旦分配了所有12列（

col-md-3

*4），您需要清除浮动，以便下一列不跟随它们，因此您只需要：

<div style="clear:both;"></div> 

在前4个div之后

---

关于为什么需要清除Alien先生解释的浮动的详细信息。

也感谢您链接到Alien先生的答案。

<div style="clear:both;"></div>