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



我正在尝试建立网站。我想有一个功能,如建立用户堆栈溢出。当网站访问者将鼠标悬停在回答问题的用户的图片上时,应该打开新窗口(可能是工具提示/弹出窗口-我不确定),拥有有关该用户的所有详细信息,并离开新窗口(鼠标退出),它应该被隐藏。如何使用引导自定义实现同样的事情?

谢谢。

你应该在提问之前发布一些你尝试过的代码,但是,作为一个建议:

这可以很容易地通过CSS实现。假设我们有两个元素:#wrapper和#popup。

#wrapper包含图像,#popup元素和position:relative。

#popup是包含用户数据的元素,是隐藏的,有position:absolute和top:100%。你可以用这个来实现不同位置的弹出框。

要使#popup可见,可以在#wrapper上设置一个CSS:hover条件来显示弹出窗口,类似于

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

这里有一个小提琴来展示这个概念:http://jsfiddle.net/8f68G/

最新更新