使用Bootstrap 3的工具提示

Question

我花了最后一个小时左右检查了我可以找到的关于如何使Bootstrap 3的工具提示工作的每个问题.

我已经设法得到正常的,没有样式的工具提示工作,但我真的想要那个引导程序.

我知道已经有很多关于此的讨论了,但我认为有一个关于如何使工具提示正常工作的分步指南真的很有帮助,因为在我看来很多人(包括我自己)在启动和运行时遇到问题.

仅供参考我在Java Web服务器上运行,所以我的所有前端都是JSP.

谢谢,并有一个很好的一个你好.

Answer 1

这是一个小提琴:

<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="right" id="right" title="" data-original-title="Tooltip on right">Tooltip on right</button>

<button type="button" data-toggle="tooltip" id="left" class="btn btn-default">Tooltip on left</button>

$(function(){
    $('#right').tooltip();
    $("#left").tooltip({
        placement: "left",
        title: "tooltip on left"
    });
});

这里有更多工具提示选项.

请注意,您必须在Javascript中添加工具提示处理程序.