twitter bootstrap tooltip is misplaced

Question

Please take a look at this jsfiddle

I gave position absolute to a question-sign icon with top:0; right: -42px; therefore the element that shows tooltip is outside of row. I think this has caused tooltip to not get proper width or misplace the tooltip content and tooltip content trapped within row-fluid. as you can see arrow position is fine.

update: I'd place ? icon next to textarea and textarea fill its parent width and aligned right. here is another example

Answer 1

Specify body as a container for a tooltip (demo):

$('[data-toggle="tooltip"]').tooltip({
    container: 'body'
});