La liste des miniatures Bootstrap n'affiche pas les vignettes
Je suis en utilisant twitter bootstrap sur un thème que j'ai téléchargé, et mon code html personnalisé dans mon bootstrap liste de miniatures illustrant mais les images ne le sont pas.
Enquêter sur le code, montre la balise d'image et l'image de travail des emplacements sont là. Voici une image de ce qui se passe:
Le code pour ma vignette de la liste est: est-ce
<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>
Enfin il y a zéro des erreurs montrant dans le chrome inspecter l'élément, et je n'ai pas de css sur cette page.
source d'informationauteur Mike
Vous devez vous connecter pour publier un commentaire.
data-src
est utilisé pour obtenir une image de marque dans le bootstrap des exemples. Utilisez simplementsrc