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

Question

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

Answer 1

Define the max-width with "important!" and use data-container="body"

CSS file

.tooltip-inner {
    max-width: 500px !important;
}

HTML tag

JS script

$('.tooltiplink').tooltip();