Html 为什么我的引导响应表不收缩

在asp.net mvc5上工作。为什么我的响应表不收缩？当我重新调整浏览器的大小时，比滚动显示更容易

我的表格语法如下：

  <div class="col-12 col-sm-12 col-lg-12">
   <div class="table-responsive">
    <table class="table">
     <thead>
      <tr>
        <th>#</th>
        <th>Table heading</th>
        <th>Table heading</th>
        <th>Table heading</th>
        <th>Table heading</th>
        <th>Table heading</th>
        <th>Table heading</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>1</td>
        <td>Table cell</td>
        <td>Table cell</td>
        <td>Table cell</td>
        <td>Table cell</td>
        <td>Table cell</td>
        <td>Table cell</td>
      </tr>
    </tbody>
  </table>
  </div>
  </div><!-- end col-12 -->

#
表格标题
表格标题
表格标题
表格标题
表格标题
表格标题
1.
表单元格
表单元格
表单元格
表单元格
表单元格
表单元格

如何使我的桌子缩小

---

此代码似乎按预期工作

table responsive

允许表格自由溢出，以便内容将其推到最大大小。如果这太宽，请根据您的喜好添加一个具有最大宽度的自定义类

对于其他响应表方法，请查看：

---

PS

col-12

不在引导模式中，并且

col-sm-12

对所有使

col-lg-12

冗余的大型视口有效

这就是table responsive类在文档中的工作方式——将任何.table包装到.table responsive中，使它们在小型设备（768px以下）上水平滚动。当查看任何大于768px的宽度时，您将不会在这些表中看到任何差异。从外部div中删除table responsive-但根据我的经验，table responsive是最好的方法，用户可以通过滚动轻松读取所有数据-对于包含大量列的表，当table responsive被删除时，数据将无法读取。您还可以添加table condensed类以删除表单元格中的填充