twitter-bootstrap - 使 Bootstrap 表尽可能小

标签 twitter-bootstrap html-table

我正在尝试使 Bootstrap 表尽可能小,但基于其他问题的解决方案,它不起作用。我试过width:auto !importanttable-layout:auto !important但它不工作。下面是我的表格示例

enter image description here

最佳答案

虽然问题很老,但我为实现这一目标所做的事情可能会对其他人有所帮助。首先,您没有说明您正在使用的 Bootstrap 版本。我的解决方案适用于第四版。

<table class="table table-hover table-responsive table-sm">
......
</table>
添加类响应式和 sm 为我创造了魔力,我的表格与内容一样低

关于twitter-bootstrap - 使 Bootstrap 表尽可能小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33774242/

相关文章:

javascript - 当视口(viewport)小于 480 时,图像源发生变化

javascript - Bootstrap 工具提示不起作用(尽管它出现在 DOM 上)

html - 当另一个单元格跨越 2 行时,如何使表格单元格不拉伸(stretch)?

java - 使用jsoup从表的第一列获取数据

css - Safari 7.1 CSS 同级选择器问题

html - 修复图像在页面左侧、中心和右侧的位置,但也具有响应性

css - Bootstrap 4 : Min-width only for one column

javascript - 如何仅在 html 表格中未设置背景时更改背景颜色

php - 区分大小写的 CSS 格式

html - Bootstrap 4 : align content inside cards deck