title: Bootstrap popover is word wrapping
body: <p>I am using a popover, and the popovers on the right are wrapping text for some reason causing them to be on top of eachother, and I am not sure what to do about this. I like the popover on the left, that is how I want the right ones to look. What can I do to fix this?</p>
  
  <p><img src="https://i.stack.imgur.com/BPyG7.png" alt="Screenshot"></p>
  
  <p><strong>The Left One</strong></p>
  
  <pre><code>&lt;div class="form-group" 
      data-trigger="manual" 
      data-placement="left" 
      data-toggle="popover" 
      title="" 
      data-content=""&gt;
  </code></pre>
  
  <p><strong>The Right One</strong></p>
  
  <pre><code>&lt;div class="form-group" 
      data-trigger="manual" 
      data-placement="right" 
      data-toggle="popover" 
      title="" 
      data-content=""&gt;
  </code></pre>
  
  <p>All I am doing is getting the form group <code>fg</code>, and doing this:</p>
  
  <pre><code>var fg = $("#" + item).closest("div.form-group");
  $(fg).popover("show");
  </code></pre>