<p dir="auto">responsiveness goes south when one of the cells is very long<br>
Notice there is no scrollbar. the entire screen is resized<br>
maybe overflow:hidden / text-overflow:ellipsis; could do the trick</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/27051/2750496/2230e3aa-c880-11e3-999e-d1bef4f863e5.png"><img src="https://cloud.githubusercontent.com/assets/27051/2750496/2230e3aa-c880-11e3-999e-d1bef4f863e5.png" alt="screen shot 2014-04-20 at 13 21 33" style="max-width: 100%;"></a></p>
<p dir="auto">Using <code class="notranslate">.table-reponsive</code> only works on the smallest screen size.</p>
<p dir="auto">Solution 1: Use <code class="notranslate">@grid-float-breakpoint</code> so it becomes responsive when the navbar does (currently what we do in projects)<br>
Solution 2: Use another variable that defaults to <code class="notranslate">@screen-sm-max</code> that can be overwritten in another less file</p>