title: How to properly resize a Bootstrap panel with jQuery UI?
body: <p>I'm currently struggling with resizing panels in Twitter Bootstrap with the jQuery UI <code>resizable</code>. Horizontal resize works fine (sometimes the resize bars get moved though), but vertical resize acts weird. Here's my fiddle: <a href="http://jsfiddle.net/9Nyze/" rel="nofollow">http://jsfiddle.net/9Nyze/</a></p>
  
  <p>I've tried setting height to 100% in both the <code>.panel</code> and the <code>.panel-body</code> but that just causes the <code>.panel-body</code> to overflow the div.</p>