twitter-bootstrap - Bootstrap holder.js 不会在同一跨度中显示超过 1 个图像

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

在一个父级中渲染两个占位符应该没有问题。确保使用开发工具更改了第二个图像的来源。如果是，则有一条 CSS 规则阻止第二张图片显示；如果不是，那么问题出在 Holder 上。