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