title: How to change Bootstrap style before it is shown?
body: <p>I've been trying to manipulate the bootstrap tooltip's positioning without success.</p>
  
  <p><strong>Attempt #1</strong>:</p>
  
  <pre class="lang-js prettyprint-override"><code>stuff.tooltip({
      container: 'body',
      placement: function(tip, el) {
          // played with tip, but it still add style: top, left at the end...
      }
  });
  </code></pre>
  
  <p><strong>Attempt #2</strong>:</p>
  
  <pre class="lang-js prettyprint-override"><code>stuff.tooltip({
      container: 'body',
      placement: 'top'
  }).on("show.bs.tooltip", function() {
      // don't have access of the tip here
  });
  </code></pre>
  
  <p><strong>Attempt #3</strong>:</p>
  
  <pre class="lang-js prettyprint-override"><code>stuff.tooltip({
      container: 'body',
      placement: 'top'
  }).on("shown.bs.tooltip", function() {
      // doing anything to the tip at this point would cause visible change
  });
  </code></pre>
  
  <p>Any ideas?</p>