我在使用下载的主题上使用Twitter Bootstrap,我的自定义HTML在Bootstrap缩略图列表中显示,但图片却没有显示。
通过调查代码,发现图像标签和工作图像位置都存在。下面是出现情况的图片:
我的缩略图列表代码如下:
<div class="span9 space"><ul class="thumbnails"><li class="span3">
<div class="thumbnail">
<img data-src="http://s3.amazonaws.com/brewerydbapi/beer/YAKFea/upload_1CxY2l-medium.png" alt="">
<h3>90 Shilling</h3>
<p>Odell Brewing Company</p>
</div>
</li><li class="span3">
<div class="thumbnail">
<img data-src="http://s3.amazonaws.com/brewerydbapi/beer/oeGSxs/upload_FiPLQC-medium.png" alt="">
<h3>Naughty 90</h3>
<p>Toppling Goliath Brewing Company</p>
</div>
</li><li class="span3">
<div class="thumbnail">
<img data-src="noImage.gif" alt="">
<h3>90-Shilling Scotch Ale</h3>
<p>Taps Fish House & Brewery</p>
</div>
</li><li class="span3">
<div class="thumbnail">
<img data-src="noImage.gif" alt="">
<h3>Williams Ceilidh 90</h3>
<p>Williams Brothers Brewing Company</p>
</div>
</li><li class="span3">
<div class="thumbnail">
<img data-src="noImage.gif" alt="">
<h3>Boscos 90 Shilling Ale</h3>
<p>Boscos Brewing Company</p>
</div>
</li><li class="span3">
<div class="thumbnail">
<img data-src="noImage.gif" alt="">
<h3>Dundee Export 90 Scotch Ale</h3>
<p>Dundee Brewing Co.</p>
</div>
</li><li class="span3">
<div class="thumbnail">
<img data-src="https://s3.amazonaws.com/brewerydbapi/beer/qqTzHb/upload_mGIvsJ-medium.png" alt="">
<h3>90 Minute IPA</h3>
<p>Dogfish Head Craft Brewery</p>
</div>
</li><li class="span3">
<div class="thumbnail">
<img data-src="http://s3.amazonaws.com/brewerydbapi/beer/jdQySZ/upload_jbcADO-medium.png" alt="">
<h3>I-90 India Pale Ale</h3>
<p>Ancient Lakes Brewing Company</p>
</div>
</li></ul>
</div>
最后,Chrome检查元素中没有显示任何错误,并且此页面上没有任何内联CSS。