title: Change tooltip direction when it's out of view
body: <p>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.</p>
  
  <pre><code>JSFiddle: http://jsfiddle.net/x3cjpL14/3/
  </code></pre>
  
  <p>ADD: I'm using <a href="http://getbootstrap.com" rel="nofollow">Bootstrap 3</a> by the way..</p>