【问题标题】:Make bootstrap table as small as possible使引导表尽可能小
【发布时间】:2016-02-19 20:17:22
【问题描述】:

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

【问题讨论】:

    标签: twitter-bootstrap html-table


    【解决方案1】:

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

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

    添加类响应式和 sm 对我来说很神奇,我的表在内容上都低了

    【讨论】:

      【解决方案2】:

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

      【讨论】:

      • 这可以用css规则动态完成吗,我知道这会起作用,但我正在寻找另一种方式?
      • 您可以尝试使用 css 伪类和伪选择器来选择第一行和最后一行(在您的情况下)。但您需要将此应用于thtd 元素
      【解决方案3】:

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

      【讨论】:

        猜你喜欢
        • 2014-04-02
        • 1970-01-01
        • 1970-01-01
        • 2011-07-10
        • 2020-12-05
        • 1970-01-01
        • 1970-01-01
        • 2016-08-29
        • 2020-04-05
        相关资源
        最近更新 更多