title: How to Autoresize popover
body: <p>Here is my fiddle.
  <a href="http://jsfiddle.net/sNrLQ/1/" rel="nofollow">http://jsfiddle.net/sNrLQ/1/</a></p>
  
  <p>I want the pop-over to  autoresize  based on its content.
  Also I am trying to give it a max width of 400px.</p>
  
  <p>My css</p>
  
  <pre><code>.popover2{display:block!important;width: 400px !important;}
  </code></pre>
  
  <p>And my html</p>
  
  <pre><code>&lt;div class="popover popover2 left"&gt;&lt;div class="arrow"&gt;&lt;/div&gt;&lt;div class="popover-content"&gt;&lt;p&gt;tellus. Donec dui tortor, commodo nec laoreet ac, &lt;/p&gt;&lt;/div&gt;&lt;/div&gt;
  </code></pre>