Change tooltip direction when it's out of view

Question

I'm trying to change my website's tooltip direction when it's out of the page's viewport, but all I was able to do is to wrap the lines so it doesn't get out of the viewport.

JSFiddle: http://jsfiddle.net/x3cjpL14/3/

ADD: I'm using Bootstrap 3 by the way..

Answer 1

抱歉，我只是使用css文件中的white-space禁用了工具提示上的换行，然后检查jQuery $("#element").visible()是否看不到工具提示并用css更改了位置来自JS文件：）