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

鉴于标记：

<div class="span6">

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

</div>

当我动态添加图像缩略图时，如何确保引导well div将扩展以包含其内容？目前，图像溢出了井的边界。我需要一个带有jquery或引导版本2 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>

---

你为什么不申请呢？嗯，img{width:100%；height:auto；}？我猜你的产品面板上有一个高度。井是唯一具有最小高度和边界的div，默认情况下正在扩展->@davidkonrad谢谢。我用靴子叉了你的小提琴。我没有明确设置productPanel的高度，但它似乎从某个地方继承了一个高度。@codecowboy：你的叉形小提琴在Firefox和Chrome中对我很有用。IE11显示了来自jQuery的拒绝访问错误，后跟$is undefined错误。将其更改为使用jQuery1.11.0修复了该问题，并按照预期进行了扩展。