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

时间:2013-10-24 15:10:48

标签: jquery html css twitter-bootstrap

我有这个带引导类的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();,这也是一个bootstrap功能。 问题是,当显示工具提示时,仅显示标题的一部分。如何在bootstrap中设置工具提示的宽度?

2 个答案:

答案 0 :(得分:1)

将一个班级设为<a>标签

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

.tool{ // stuffs}

OR

在里面创建<div><a rel="tooltip">,并为<div>

分别提供课程

答案 1 :(得分:0)

我找到了解决方案。

input-append类具有whitespace:nowrap属性。如果我删除它,它通常会显示。