Bootstrap holder.js不会在同一范围内显示多个图像

Question

下面是我的代码，问题是无论我做什么，第二个holder.js图像拒绝显示。它好像bootsrap每个跨度规则有一个1 holder.js拇指吗？

<div class="span4">
                <div class="pannel">
                    <a href="#" class="thumbnail">
                        <img data-src="holder.js/100%x180" alt="">
                    </a>
                </div>



<button type="button" class="btn btn-default btn-lg btn-block">Request as Familiar</button>
<button type="button" class="btn btn-default btn-lg btn-block">Request as Friend</button>
<button type="button" class="btn btn-default btn-lg btn-block btn-disabled">Add to Public</button>
<button type="button" class="btn btn-default btn-lg btn-block">Send Message</button>
<button type="button" class="btn btn-default btn-lg btn-block">Block</button>


                <div class="pannel">
                    <a href="#" class="thumbnail">
                        <img data-src="holder.js/100%x180" alt="">
                    </a>
                </div>


            </div>

Answer 1

在一个父级中渲染两个占位符应该没有问题。确保使用Dev Tools更改第二个图像的来源。如果是，则有一条CSS规则阻止第二张图像出现;如果它不是，那么问题在于Holder。