怎么做bootstrap tipsy工具提示多行

时间:2014-05-24 18:43:37

标签: jquery twitter-bootstrap-3 tipsy

如标题所示,我如何将工具提示分为两行?

我也会使用一些html标签(比如span或p)。

我已经尝试过html实体,但它不起作用。 Some<br> text

1 个答案:

答案 0 :(得分:9)

切换工具提示的html元素必须具有值为true的data-html属性

示例:

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

data-html="true"会将HTML插入工具提示。 如果为false,将使用jQuery的文本方法将内容插入DOM。 如果您担心XSS攻击,请使用文本。

添加此属性后,您可以使用<div></div><p></p>等块元素将工具提示内容拆分为多行。

我想你也可以在这些行之间添加换行符:<br>

文档here。 //检查选项表。