admin 管理员组

文章数量: 1086019

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

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

  • javascript
  • jquery
  • twitter-bootstrap
  • jquery-plugins
  • twitter-bootstrap-tooltip
Share Improve this question edited Jun 27, 2013 at 6:41 Pavlo 45k14 gold badges83 silver badges114 bronze badges asked Jun 25, 2013 at 5:47 mhesabimhesabi 1,1403 gold badges23 silver badges52 bronze badges
Add a ment  | 

1 Answer 1

Reset to default 12

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

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

本文标签： javascripttwitter bootstrap tooltip is misplacedStack Overflow

版权声明：本文标题：javascript - twitter bootstrap tooltip is misplaced - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/p/1744070914a2528465.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。