Bootstrap 为一个工具提示设置宽度答案

【问题标题】：Bootstrap Set Width for One TooltipBootstrap 为一个工具提示设置宽度
【发布时间】：2014-05-28 14:36:41
【问题描述】：

我有一个 HTML 页面，其中包含许多使用 Bootstrap 的工具提示插件的工具提示链接。我找到了以下 CSS 来更改工具提示的宽度：

.tooltip-inner { max-width: 350px; }

虽然这可行，但它会将我的所有工具提示更改为这个宽度。如果我只想换一个怎么办？我试过了，但它不能正常工作：

<style rel="stylesheet" type="text/css">    
#my_tooltip .tooltip-inner { max-width: 350px; }
</style>

<a id="my_tooltip" href="#" data-toggle="tooltip" data-placement="bottom" title="tooltip content">This is a tooltip</a>

【问题讨论】：

给工具提示一个额外的类，然后只为该工具提示修改你的css
@AndrewMatthew 你能详细解释一下吗？我对你的意思感到困惑。也许尝试对我的问题做出正式答复。

标签： javascript html css twitter-bootstrap tooltip

【解决方案1】：

可能最好通过 jquery 来完成。但是 css 也可以：

#my_tooltip + .tooltip .tooltip-inner { width: 350px; }

这里是js：

$(function () {
$('#my_tooltip').tooltip().on("mouseenter", function () {
    var $this = $(this),
    tooltip = $this.next(".tooltip");
    tooltip.find(".tooltip-inner").css({
        width: "350px",
    });
 });
});

【讨论】：

由于某种原因，这段代码对我不起作用，但它不会给我任何错误或控制台中的任何内容。
jsfiddle.net/uDF4N/38 可能与您将js放在哪里有关？看看 js fiddle
试试上面的css
我能问一下为什么在它明显有效的情况下会被否决吗？
@AlexDavin 有时当您的分数很少（在您的情况下为 117 分）时，您会投反对票。我使用了你的代码并且它正在工作，所以我给你投了赞成票。

【解决方案2】：

以下解决方案对我有用

    $(yourselectorname).on('inserted.bs.tooltip', function () {
    $("body div.tooltip-inner").css("max-width", "500px");
    });

【讨论】：