引導程序縮略圖無法正確顯示

Question

我正在使用Meteor框架開發流星應用程序。 我添加了twbs：bootstrap包以啟用快速CSS原型制作。 我目前無法在屏幕上顯示一組縮略圖。

這是JS-Fiddle上的示例源代碼：

<ul class="thumbnails">
    <li class="span4">
        <a class="thumbnail" href="#">
            <img src="http://placehold.it/300x200" alt="300x200" />                
            <h4 class="caption">This is my image</h4>
        </a>
    </li>
</ul>

https://jsfiddle.net/M3fpA/46/

如您所見，它按預期工作。 現在，我已將此確切的源代碼片段復制到我的項目中，僅用於演示目的。 在我的前端看起來像這樣：

屏幕截圖 （對不起，顯然我不允許直接在此處發布圖片來幫助大家...）

它顯然很混亂，但是我似乎不明白為什么。 這是此頁面使用的模板的來源：

<template name="inventory">
  <h1>Inventory</h1>
  <ul class="thumbnails">
      <li class="span4">
          <a class="thumbnail" href="#">
              <img src="http://placehold.it/300x200" alt="300x200" />
              <h4 class="caption">This is my image</h4>
          </a>
      </li>
  </ul>
</template>

Answer 1

您在示例和jsfiddle中使用的是Bootstrap 2.3.2標記，但是在添加twbs:bootstrap ，它將加載版本3.3.5的最新Bootstrap，因此出現了問題。

您不應該使用這樣的舊版本的Bootstrap，因為版本3已經存在了將近2年，請參考當前的Bootstrap縮略圖文檔 。