title: Is it possible to change the position of Bootstrap popovers based on screen width?
body: <p>I have a list of items, and each one has a Bootstrap popover associated with it (<a href="http://twitter.github.com/bootstrap/javascript.html#popover">docs here</a>). They are initiated like this:</p>
  
  <pre><code>$('#my_list li').popover({
     placement: 'left'
  });
  </code></pre>
  
  <p>This works, but at small widths the popover is lost from the viewport. I'd like to make the placement conditional based on <code>$(document).width();</code>, however I can't see a way to over-ride the initial options (e.g. at at width of around 1000px, switch the placement to 'above'). </p>
  
  <p>I've put together a simplified version <a href="http://jsfiddle.net/cherryflavourpez/CLVZ4/">at jsfiddle here</a>. Many thanks.</p>