Question

我有这个jsfiddle我正在尝试解决以缩略图为中心的问题，但我甚至无法正确加载它并将缩略图并排放置。

这里发生了什么？几个月来回答的另一个问题是agao说这是因为窗户太小而且靴子是小的设备布局，但我的窗户全尺寸。列表上的点告诉我，虽然我在jsfiddle的左侧检查了框，但是甚至没有调用bootstrap。

<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>

Answer 1

您需要在“外部资源”选项卡下添加Bootstrap的CSS。

让bootstrap在jsfiddle中工作

1 个答案: