5

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

Pavlo
  • 43,301
  • 14
  • 77
  • 113
mhesabi
  • 1,140
  • 3
  • 22
  • 48

1 Answers1

12

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

$('[data-toggle="tooltip"]').tooltip({
    container: 'body'
});
Pavlo
  • 43,301
  • 14
  • 77
  • 113