如何让bootstrap表格自动出现水平滚动条？

问题描述

问 题

上面图片中的bootstrap表格在尺寸缩小时全部挤成了一堆，这还算是响应式吗？我觉得应该出现水平滚动条，这样无论设备尺寸大小变化时也看到到全部了。

解决方案

将任何 .table 元素包裹在 .table-responsive 元素内，即可创建响应式表格，其会在小屏幕设备上（小于768px）水平滚动。当屏幕大于 768px 宽度时，水平滚动条消失。比如这样写：

这篇关于如何让bootstrap表格自动出现水平滚动条？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！