粉底4，清除燈箱大拇指不能正確顯示

Question

我發佈了一個測試站點http://jobajoba.org，顯示了一些基礎4個元素。

我使用的是香草開箱即用的基礎4框架，但遇到燈箱拇指顯示爲列表中的項目符號（它們應該與頁面上顯示的「塊柵格」示例類似）。

我無法弄清楚我在做什麼錯誤...請注意，網頁上的其他所有內容似乎都是開箱即用的。

---

上編輯：

我忘了這個問題，但大約一個月後，我張貼了這個，Zurb向我表示，他們使用的塊網格創建效果。像這樣的東西爲我工作：

<div> 
    <ul class="large-block-grid-4 small-block-grid-2" data-clearing> 
     <li> 
      <a href="http://foundation.zurb.com/docs/img/demos/demo1.jpg" class="th"> 
      <img src="http://foundation.zurb.com/docs/img/demos/demo1-th.jpg" data-caption="THIS IS CAPTION 1"> 
      </a> 
     </li> 
     <li> 
      <a href="http://foundation.zurb.com/docs/img/demos/demo2.jpg" class="th"> 
      <img src="http://foundation.zurb.com/docs/img/demos/demo2-th.jpg" data-caption="THIS IS CAPTION 2"> 
      </a> 
     </li> 
     <li> 
      <a href="http://foundation.zurb.com/docs/img/demos/demo3.jpg" class="th"> 
      <img src="http://foundation.zurb.com/docs/img/demos/demo3-th.jpg" data-caption=""> 
      </a> 
     </li> 
     <li> 
      <a href="http://foundation.zurb.com/docs/img/demos/demo4.jpg" class="th"> 
      <img src="http://foundation.zurb.com/docs/img/demos/demo4-th.jpg" data-caption=""> 
      </a> 
     </li> 
     </ul> 
    </div> 

Answer 1

基金會的文檔示例使用自定義docs.css文件： http://foundation.zurb.com/docs/assets/docs.css

的結算燈箱樣式的標題下找到/ *清除樣式* /是完全與包含在香草下載中的相同。但是，該文件還具有專門用於文檔示例的額外部分。

/* Clearing Docs */ 
.clearing-thumbs { list-style: none; } 
.clearing-thumbs li { float: left; margin-right: 10px; } 

將這些規則添加到您自己的css文件應提供您正在尋找的佈局。