Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/qt/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Twitter bootstrap 使引导表尽可能小_Twitter Bootstrap_Html Table - Fatal编程技术网

Twitter bootstrap 使引导表尽可能小

Twitter bootstrap 使引导表尽可能小,twitter-bootstrap,html-table,Twitter Bootstrap,Html Table,我试图使引导表尽可能小,但基于其他问题的解决方案,它不起作用。我试过width:auto!重要信息或表格布局:自动!重要信息,但它不起作用。下面是我的表格样本 您是否尝试为您的行指定特殊的宽度或将表的宽度设置为当前值?将表放在一个div中,并为该div指定宽度。Aldo尝试指定td的宽度。虽然问题很老,但我如何实现这一点可能会帮助其他人。首先,您没有说明正在使用的boostrap的版本。我的解决方案适用于第四版 <table class="table table-hover table-r

我试图使引导表尽可能小,但基于其他问题的解决方案,它不起作用。我试过
width:auto!重要信息
表格布局:自动!重要信息
,但它不起作用。下面是我的表格样本


您是否尝试为您的行指定特殊的
宽度或将表的宽度设置为当前值?

将表放在一个div中,并为该div指定宽度。Aldo尝试指定td的宽度。

虽然问题很老,但我如何实现这一点可能会帮助其他人。首先,您没有说明正在使用的boostrap的版本。我的解决方案适用于第四版

<table class="table table-hover table-responsive table-sm">
......
</table>

......

添加class responsive和sm对我来说很神奇,我的表中的内容非常少

这可以用css规则动态完成吗?我知道这会起作用,但我正在寻找另一种方法?你可以尝试使用css伪类和伪选择器来选择第一行和最后一行(在你的情况下)。但是您需要将其应用于
th
td
元素