容器 div 内的引导表超出浏览器宽度

Question

我有一个 boostrap container div 在里面，我有一张桌子：

 <table id="reviewer_table" class="table table-hover table-striped table-condensed tasks-table">
<thead>
  // tr/td ...
</tbody>
</table>

但是由于某种原因，这个表格太宽了，那一列实际上在右屏幕之外。

我不确定是什么导致了这个问题，所以我分享代码以了解我是否做错了什么。

原文由 meskerem 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

请在您的表格前添加以下 div

     <div class="table-responsive">
           Your table
    </div>

原文由 J. Shabu 发布，翻译遵循 CC BY-SA 3.0 许可协议