<p dir="auto">table class="table visible-phone"  causes the table rows only to be as wide as the content they hold. As the table has width 100% I thought the table rows would also be 100%.</p>
<p dir="auto"><a href="http://jsfiddle.net/leeaston/9vXGq/" rel="nofollow">http://jsfiddle.net/leeaston/9vXGq/</a></p>
<p dir="auto">Perhaps I'm confused...</p>
<p dir="auto">Hi,</p>
<p dir="auto">I'm building an application with Twitter Bootstrap one of the reasons because I need it to be responsive and readable with hand-held devices.</p>
<p dir="auto">The responsive layout works like a charm, but tables not so much, they have a fixed min width where they can't go any thiner, I get that, but it would be <strong>so cool</strong> if the tables would be responsive, meaning when they can't go any thinner they change their layout to show the information somehow to fit the screen.</p>
<p dir="auto">I don't know how would you achieve this, maybe changing the scale (or zoom) on the table so it go smaller, since on a hand-held you can zoom in with a pinch.</p>
<p dir="auto">Is there an easy solution to solve this?</p>
<p dir="auto">Thanks!</p>