<div class="col-xs-6 col-sm-4">
<div class="panel panel-primary">
<div class="panel-heading">Recently Filtered</div>
<table class="table table-striped">
<tr><td>Sensor ID</td><td>Temperature</td><td>Voltage</td><td>Date</td>
<tr><td>Sensor ID</td><td>Temperature</td><td>Voltage</td><td>Date</td>
<tr><td>Sensor ID</td><td>Temperature</td><td>Voltage</td><td>Date</td>
<tr><td>Sensor ID</td><td>Temperature</td><td>Voltage</td><td>Date</td>
</table>
</div>
</div>
当我放大时，面板中的表格溢出，这是一个图片示例
适应这个问题的适当标记是什么？我知道它可以正确扩展。
解决方法
您可以随时将.table响应类添加到表中以使其水平滚动。例：
<div class="table-responsive">
<table class="table table-striped">
...
</table>
</div>
如果这不是你想要的，你需要降低字体大小，使其更好。
