[每当我尝试根据Twitter文档调用缩略图时，屏幕上只会出现黑点：
<ul class="thumbnails">
<li class="span4">
<a href="large.jpeg" class="thumbnail">
<img data-src="http://placehold.it/330x230" alt="Large">
</a>
</li>
我在这里做错什么了吗？我只能使用media-grid来显示一些东西...这很奇怪，因为那是旧功能，对吧？
编辑：我仍然使用media-grid在缩略图的左侧留下黑点。如何关闭这些功能，为什么我编写的html无法正常工作？
完整代码：
<html>
<head>
<meta charset="utf-8">
<title>Walls</title>
<link rel="stylesheet" href="http://flip.hr/css/bootstrap.min.css">
<link rel="stylesheet" href="custo.css">
<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script> <!--prettyphotty-->
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
<script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<br>
<div class="container-fluid">
<br>
<ul class="media-grid">
<li class="span4">
<a href="super.jpg" rel="prettyPhoto">
<img class="thumbnail" src="http://placehold.it/330x230" alt="">
</a>
</li>
<li class="span4">
<a href="super.jpg">
<img class="thumbnail" src="http://placehold.it/330x230" alt="">
</a>
</li>
</ul>
<ul class="thumbnails">
<li class="span4">
<a href="large.jpeg" class="thumbnail">
<img data-src="http://placehold.it/330x230" alt="Large">
</a>
</li>
<li class="span4">
<a href="#" class="thumbnail">
<img data-src="holder.js/300x200" alt="">
</a>
</li>
<li class="span4">
<a href="#" class="thumbnail">
<img data-src="holder.js/300x200" alt="">
</a>
</li>
</ul>
</div><!-- .container -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript" charset="utf-8"> <!--initialize prettyPhoto-->
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto();
});
</script>
</body>
</html>
您正在为Bootstrap http://flip.hr/css/bootstrap.min.css引用的样式表没有为thumbnail定义的类。
一旦引用当前版本的Bootstrap，正确的结构将类似于以下内容（直接取自：http://twitter.github.io/bootstrap/components.html#thumbnails：]]]
<ul class="thumbnails"> <li class="span4"> <a href="#" class="thumbnail"> <img data-src="holder.js/300x200" alt=""> </a> </li> ... </ul>也从版本2开始...没有
media-grid类（取自http://twitter.github.io/bootstrap/upgrading.html）：
以前是.media-grid，现在只是.thumbnails，我们已经进行了全面扩展该组件可用于更多用途，同时保持整体简洁性的盒子。
bootstrap 4使用img-fluid调整大小并用img-thumbnail包装