title: Responsive table handling in Twitter Bootstrap
body: <p>When a table's width exceed the span's width, like this page: <a href="http://jsfiddle.net/rcHdC/" rel="noreferrer">http://jsfiddle.net/rcHdC/</a></p>
  
  <p>You will see the table's content is outside of the <code>span</code>.</p>
  
  <p>What would be the best method to cater this case? </p>