title: Change the position of Bootstraps ToolTips
body: <p>How can I specify the left-margin or position for twitter bootstraps tooltips? Right now, the tooltip I have is assigned to a link that's at the extreme left of the page, and half of the tooltip is invisible (appears outside the screens visible area). </p>
  
  <p>I have also made the following changes to the bootstrap css code so that text appears on a single line rather than wrapped.</p>
  
  <p><img src="https://i.stack.imgur.com/CNRw1.png" alt="enter image description here"></p>
  
  <p>I'd like to move the tool tip a lot to the right, so text is visible.</p>
  
  <pre><code>.tooltip-inner {
    max-width: 200px;
  
  
  .tooltip-inner {
    width: auto;
  </code></pre>