title: Left-Positioning A Bootstrap Popover
body: <p>I have a popover that appears to the left of a label:</p>
  
  <pre><code> $('label').hover(function () {
                  $(this).popover({
                      offset: 10,
                      placement: 'left'
                  }).popover('show');
  </code></pre>
  
  <p>The popover is currently blocking a radio button and I want to move it left, say, 10px. I can't seem to figure out how to do this. offset seems to do nothing at all (If I add 10 or 10000 it doesn't make a difference). Here is the HTML for one such label:</p>
  
  <pre><code> &lt;label for="MainContent_Wizard1_rbLeader" id="MainContent_Wizard1_lblLeader" class="radio" data-original-title="Visionary Giving Level" data-content="Diamond (full-page ad) + 2 dinner tickets"&gt;Visionary ($250,000)&lt;span class="radio" name="rbLeader"&gt;&lt;input id="MainContent_Wizard1_rbLeader" type="radio" name="ctl00$MainContent$Wizard1$GivingLevel" value="rbLeader" onclick="WizardStep1_Click();" /&gt;&lt;/span&gt;&lt;/label&gt; 
  </code></pre>
  
  <p>I can try to set the popover position by overriding the class in CSS with something like:</p>
  
  <pre><code>.popover {
      left: 380px !important;
  }
  </code></pre>
  
  <p>but this is far from ideal as it appears in different spots using different browsers. </p>
  
  <p>There <strong>must</strong> be a way of adding a small right margin, yes?</p>
  
  <p>Thanks.</p>