<p dir="auto"><a href="http://oi40.tinypic.com/wirl29.jpg" rel="nofollow">http://oi40.tinypic.com/wirl29.jpg</a></p>
<p dir="auto">It would be nice to have the above as a feature for documentation pages.</p>
<p dir="auto">Tried to search and didn't find a duplicate issue.</p>
<p dir="auto">I've added tooltip as helpers and instructions on a form that is placed inside a navbar. Because of the div with "input-prepend" class the tooltip is cut off.</p>
<p dir="auto"><a href="http://jsfiddle.net/feedmeastraycat/sXKJj/" rel="nofollow">A jsfiddle showing the problem</a> <em>(Hover over the input)</em><br>
<a href="http://d.pr/i/Irrl" rel="nofollow">A screenshot of the issue</a></p>
<p dir="auto">Haven't tested anything more then Safari 6.0.2 yet.</p>
<p dir="auto">The problem is because the tooltip is placed <a href="https://github.com/twitter/bootstrap/blob/master/js/bootstrap-tooltip.js#L124">after</a> the  and the input-prepend div cuts it off.</p>
<p dir="auto">It looks correct if I use the web inspector to move it down to outside that div.</p>
<p dir="auto">Not sure how this could be fixed though. Placing all tooltips with an id as a first child to body instead might work. Tricky thing. Hopefully someone here will have a good idea. :)</p>