Twitter bootstrap 3 引导:表中的进度条

Twitter bootstrap 3 引导:表中的进度条,twitter-bootstrap-3,Twitter Bootstrap 3,如果我将一个Bootstrap 3进度条添加到一个表压缩的Bootstrap表中,我会丢失行的“压缩”部分(它们会变得更高)。进度条是否有一个默认的最小高度,可以强制表压缩行变大 下面是一个我试图“修复”的行为示例: JSFiddle: 一 二 三 一 二 三 一 二 三 一 二 三 一 进展 三 一 二 三 引导添加一个边距底部:20px到其进度条divs。覆盖适当大小的表行。您需要覆盖progress类的margin CSS属性 。表压缩。进度{ 页边距底部:0!重要; } 将其作为附

如果我将一个Bootstrap 3进度条添加到一个表压缩的Bootstrap表中,我会丢失行的“压缩”部分(它们会变得更高)。进度条是否有一个默认的最小高度,可以强制表压缩行变大

下面是一个我试图“修复”的行为示例:

JSFiddle:


一
二
三
一
二
三
一
二
三

一 二 三 一 进展 三 一 二 三
引导添加一个
边距底部:20px到其进度条divs。覆盖适当大小的表行。

您需要覆盖progress类的margin CSS属性

。表压缩。进度{
页边距底部:0!重要;
}

将其作为附加样式添加到页面标题,或作为附加类添加到css。

如果它不起作用,请尝试覆盖它,并显示一些不起作用的代码,这样您会得到更好的答案
<table class='table table-condensed table-striped'>
    <tr>
        <td>one</td>
        <td>two</td>
        <td>three</td>
    </tr>
    <tr>
        <td>one</td>
        <td>two</td>
        <td>three</td>
    </tr>
    <tr>
        <td>one</td>
        <td>two</td>
        <td>three</td>
    </tr>
</table>

<br/>

<table class='table table-condensed table-striped'>
    <tr>
        <td>one</td>
        <td>two</td>
        <td>three</td>
    </tr>
    <tr>
        <td>one</td>
        <td>
            <div class='progress progress-striped'>
                <div class="progress-bar progress-bar-warning" role="progressbar" style="width: 50%;">
                    Progress
                </div>
            </div>
        </td>
        <td>three</td>
    </tr>
    <tr>
        <td>one</td>
        <td>two</td>
        <td>three</td>
    </tr>
</table>