title: Twitter Bootstrap - how to add some more margin between tooltip popup and element
body: <p>I have not tried anything since I can't understand where space between tooltip and element is made/added from bootstrap, normally tooltip is really near the element who triggers the tooltip event.</p>
  <p>I just would like to make the tooltip opening little bit away from the element, to add some more margin from tooltip and element I mean.</p>
  <p>I would like to understand how to do this in css if possible and if is possible to make it both for right, left, top, bottom tooltips.</p>
  <p>Hope question is clear.</p>
  <p>This is how tooltips looks on my app:</p>
  <p><img src="https://i.stack.imgur.com/B3MQa.png" alt="enter image description here" /></p>
  <p>and this is what I would like to do and how it should look afterwards:</p>
  <p><img src="https://i.stack.imgur.com/BOgab.png" alt="enter image description here" /></p>