jquery - 如何在 Bootstrap 2 中指定工具提示的宽度

Question

我有这个带有引导类的 html 代码：

<div class="input-append">
    <input type="text">
        <span class="add-on">
        <a rel="tooltip" data-original-title="this is the tooltip text but it's too long to display" href="#">
            <i class="icon red icon-remove-sign"></i>
        </a>
    </span>
</div>

在我的 script.js 文件中，我有 $('[rel=tooltip]').tooltip();，这也是一个引导功能。问题是，当显示工具提示时，只显示标题的一部分。如何在引导程序中设置工具提示的宽度？

Answer 1

Give a Class to <a> Tag say

<a rel="tooltip" class="tool"><i class="icon"></i></a>

.tool{ // stuffs}

OR

Create a <div>inside that give the<a rel="tooltip"> and give seperate class to the <div>

Answer 2

我找到了解决方案。

input-append 类有一个whitespace:nowrap属性。如果我删除它，它会正常显示。