Jquery - 引导缩略图项目视图（谷歌的）答案

【问题标题】：Jquery - Bootstrap Thumbnail item view (google's)Jquery - 引导缩略图项目视图（谷歌的）
【发布时间】：2013-12-12 09:42:52
【问题描述】：

刚刚开始 - 如果您访问 Google 主页并使用 gmail 帐户登录，您将在 9 个缩略图的右上角看到一个图标。将鼠标悬停在它上面，它会显示一个可供选择的应用列表。

现在的问题 - 我该如何做这样的事情？我在 bootstrap 中找到了该图像，但不知道该朝哪个方向查找。

我并不是要求将所有代码都张贴在这里，以便我可以复制粘贴并完成，我主要是要求一个指向正确方向的点，该主题/组件将涵盖此类功能。

【问题讨论】：

【解决方案1】：

我建议你从Button dropdowns开始。

然后你会为你的<li> 元素做一个自定义的css。这将有图标类和特殊的布局。

你可以试试这样的。 JSFiddle

【讨论】：

嘿，我有一种感觉，他们只是使用自定义边框来查看像显示一样的小气泡。尝试在下拉菜单中使用缩略图，但目前它看起来非常可怕o_o
我已经用我创建的示例代码更新了答案。（jsfiddle 链接）。 @Gary 你可以从 ...
嘿，我找到了！ getbootstrap.com/javascript/#popovers 。然后我点击它打开了弹出窗口，只是想找到一种方法来添加自定义 html！