如何扩展引导​​程序以包含动态添加的内容

Question

鉴于标记：

<div class="span6">

<div class="well" id="productPanel" >
<img src="http://placehold.it/600x400&text=SELECT RESULTS PLACEHOLDER">
</div>

</div>

当我动态添加图像缩略图时，如何确保bootstrap well div将展开以包含其内容？目前，图像溢出了井的边界。我需要一个jquery＆amp;的解决方案或引导 version2 css

动态添加到#productPanel的标记示例是

<ol>
<li title="..." id="prod_123456" class="ui-selectee"><img src="http://whatever.jpg"></li>
<li title="..." id="prod_123456" class="ui-selectee"><img src="http://whatever.jpg"></li>
<li title="..." id="prod_123456" class="ui-selectee"><img src="http://whatever.jpg"></li>
<li title="..." id="prod_123456" class="ui-selectee"><img src="http://whatever.jpg"></li>
<li title="..." id="prod_123456" class="ui-selectee"><img src="http://whatever.jpg"></li>
<ol>