How do you change the width and height of Twitter Bootstrap's tooltips?

onejigtwojig picture onejigtwojig · Jan 30, 2013 · Viewed 186k times · Source

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.

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

Answer

Valentin Despa picture Valentin Despa · May 27, 2013

Just override bootstrap.css

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; 
}