Jquery - Bootstrap Thumbnail item view（google's）

剛開始 - 如果您訪問Google的主頁並使用Gmail帳戶登錄，您會在9張縮略圖的右上角看到一個圖標。將鼠標懸停在此上方，它會顯示要選擇的應用程序列表。Jquery - Bootstrap Thumbnail item view（google's）

現在的問題 - 如何做這樣的事情？我已經在bootstrap中找到了這個圖片，但是沒有找到這個方向的線索。

我並不是要求在這裏發佈所有的代碼，所以我可以複製粘貼並完成，我主要要求一個正確的方向點的主題/組件，將涵蓋此類功能。

2013-12-12 Gary

我建議你從Button dropdowns開始。

然後你會爲你的<li>元素做一個自定義的CSS。這將有圖標類和一個特殊的佈局。

你可以嘗試這樣的事情。 JSFiddle

2013-12-12 09:56:21

Heya，我有一種感覺，他們只是用一個自定義的邊框來看到像顯示這樣的小氣泡。嘗試在下拉列表中顯示縮略圖，但目前看起來非常可怕o_o – Gary

我以某種方式更新了我創建的示例代碼（jsfiddle鏈接）。 @Gary你可能會從... –

Heya，我發現它！ http://getbootstrap.com/javascript/#popovers。然後我點擊它打開彈出窗口，試圖找到一種方法將自定義html添加到它！ – Gary

回答