title: Text too long for Bootstrap Popover
body: <p>I am creating a popover for a div using Twitter Bootstrap, but the text is too long and it seems to exceed the maximum width of the popover.</p>
  
  <p>I want to show ... at the end of the text so I tried to style <code>&lt;li&gt;</code> with <code>text-overflow:ellipsis;</code>, but that didn't work.</p>
  
  <p>javascript:</p>
  
  <pre><code>$(div).popover({
    placement : 'right',
    title : function (){
      return '&lt;span class="title"&gt;Title&lt;/span&gt;';
    },
    content: function (){
      return '&lt;div class="body"&gt;&lt;ul&gt;'
             + '&lt;li&gt;This_is_a_long_long_long_long_long_long_long_long_long_long_long_long_long_text&lt;/li&gt;'
              + '&lt;/ul&gt;&lt;/div&gt;'
     },
     container : 'body',
     html : 'true'
   });
  </code></pre>
  
  <p>How can I wrap the text properly?</p>