Adjust Bootstrap Tooltip Width
<p>I am using bootstrap tooltips version 3 and JQuery on my form which has textboxes with different widths. I was wondering if there is a way to adjust the width of the tooltip according to the element it is on. i.e I would like the tooltip content to display in a single line until the width of the element is reached. Once the tooltip width exceeds the element it is on then it should automatically display the content on the next line. Is this possible using bootstrap tooltips?</p>

<pre><code> $('#myTextBox1').tooltip();
 $('#myTextBox2').tooltip();
</code></pre>

<p>HTML:</p>

<pre><code>&lt;input type="text" id="#myTextBox1" class="textBox1" data-placement="top" title="tooltip on first input to check if the width adjusts to the width of the text box!" /&gt;
&lt;input type="text" id="#myTextBox2" class="textBox2" data-placement="top" title="tooltip on second input!" /&gt;    
</code></pre>

<p>CSS:</p>

<pre><code>    .textBox1 {
     width:200px;
     height:40px;
}

    .textBox2 {
     width:300px;
     height:40px;
}
</code></pre>