如何使用bootstrap构建自定义工具提示窗口？

Question

我正在尝试建立网站。我希望有一个像Established User On Stack Overflow.这样的功能当网站访问者将鼠标悬停在回答问题的用户的图片上时，应该打开新窗口（可能是工具提示/ popover-我不确定），具有所有细节关于该用户并离开新窗口（鼠标移出）它应该被隐藏。如何使用引导程序自定义实现同样的功能？

感谢。

Answer 1

在提出问题之前，您应该发布一些您尝试过的代码，但是，作为建议：

这可以通过CSS轻松实现。假设我们有两个元素：#wrapper和#popup。

#wrapper包含图像，＃popup元素并且具有position：relative。

#popup是包含用户数据的元素，隐藏，位置：绝对和顶部：100％。您可以使用此功能来实现弹出窗口的不同位置。

要制作#popup visibile，您可以在#wrapper上设置CSS：悬停条件以显示弹出窗口，例如

#wrapper:hover #popup { display:block; }

这是展示概念的小提琴：http://jsfiddle.net/8f68G/

希望这有帮助。