如何更改 Twitter Bootstrap 工具提示的宽度和高度? [英] How do you change the width and height of Twitter Bootstrap's tooltips?

问题描述

我使用 Twitter Bootstrap 创建了一个工具提示.

I created a tooltip using Twitter Bootstrap.

工具提示显示为三行.但是，我想只用一行显示工具提示.

The tooltip is displaying with three lines. However, I would like to display the tooltip with only one line.

如何更改工具提示的宽度?这是特定于 Twitter Bootstrap 还是工具提示本身?

How do I change the width of the tooltip? Is this specific to Twitter Bootstrap or to tooltips themselves?

推荐答案

只覆盖 bootstrap.css

Just override bootstrap.css

BS2 中的默认值为 max-width:200px；因此，您可以根据自己的需要增加它.

The default value in BS2 is max-width:200px; So you can increase it with whatever fits your needs.

.tooltip-inner {
    max-width: 350px;
    /* If max-width does not work, try using width instead */
    width: 350px; 
}

这篇关于如何更改 Twitter Bootstrap 工具提示的宽度和高度?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！