我有这个 jsfiddle 我用来尝试解决以缩略图为中心的问题,但我什至无法让它正确加载并将缩略图并排放置。
这里发生了什么?几个月前在这里回答的另一个问题说这是因为窗口太小,并且引导程序将用于它的小型设备布局,但我将窗口全尺寸化。列表上的点告诉我,尽管我在 jsfiddle 的左侧选中了该框,但甚至没有调用 bootstrap。
http://jsfiddle.net/4040newb/bVa2Z/1/
<div class="container-fluid">
<div class="row-fluid">
<ul class="thumbnails">
<li>
<a href="photos for nothing.jpg" rel="prettyPhoto[gallery1]" title="nothing">
<img class="thumbnail" src="http://placehold.it/150x150" alt="nothing">
</a>
</li>
<li>
<a href="photos for nothing.jpg" rel="prettyPhoto[gallery1]" title="nothing">
<img class="thumbnail" src="http://placehold.it/150x150" alt="nothing">
</a>
</li>
<li>
<a href="photos for nothing.jpg" rel="prettyPhoto[gallery1]" title="nothing">
<img class="thumbnail" src="http://placehold.it/150x150" alt="nothing">
</a>
</li>
<li>
<a href="photos for nothing.jpg" rel="prettyPhoto[gallery1]" title="nothing">
<img class="thumbnail" src="http://placehold.it/150x150" alt="nothing">
</a>
</li>
<li>
<a href="photos for nothing.jpg" rel="prettyPhoto[gallery1]" title="nothing">
<img class="thumbnail" src="http://placehold.it/150x150" alt="nothing">
</a>
</li>
<li>
<a href="photos for nothing.jpg" rel="prettyPhoto[gallery1]" title="nothing">
<img class="thumbnail" src="http://placehold.it/150x150" alt="nothing">
</a>
</li>
<li>
<a href="photos for nothing.jpg" rel="prettyPhoto[gallery1]" title="nothing">
<img class="thumbnail" src="http://placehold.it/150x150" alt="nothing">
</a>
</li>
<li>
<a href="photos for nothing.jpg" rel="prettyPhoto[gallery1]" title="nothing">
<img class="thumbnail" src="http://placehold.it/150x150" alt="nothing">
</a>
</li>
<li>
<a href="photos for nothing.jpg" rel="prettyPhoto[gallery1]" title="nothing">
<img class="thumbnail" src="http://placehold.it/150x150" alt="nothing">
</a>
</li>
</ul>
</div>
</div>