title: Bootstrap tooltip not showing right when aligned to the right
body: <p>This is the tooltip I have now and it works fine:</p>
  <p><img src="https://i.stack.imgur.com/rKHgN.png" alt="enter image description here" /></p>
  <p>But what I do really need is to align it to the right. So, when I <code>.pull-right</code> it looks like this:</p>
  <p><img src="https://i.stack.imgur.com/hobHA.png" alt="enter image description here" /></p>
  <p>This is may html:</p>
  <pre><code>&lt;div class=&quot;wrapper&quot;&gt;Login
      &lt;span rel=&quot;tooltip&quot; 
      data-toggle=&quot;tooltip&quot; 
      data-trigger=&quot;hover&quot; 
      data-placement=&quot;right&quot; 
      data-html=&quot;true&quot;
      data-title=&quot;Aenean nibh neque, mattis id diam non, placerat imperdiet urna.&quot;&gt;
      &lt;span class=&quot;glyphicon glyphicon-info-sign pull-right&quot; aria-hidden=&quot;true&quot;&gt;&lt;/span&gt;
      &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  <p>and this is the tooltip call: <code>$('[rel=&quot;tooltip&quot;]').tooltip();</code></p>
  <p>Any help? Thanks.</p>