twitter-bootstrap-3 - Bootstrap : Progress bars in table-condensed

Question

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

这是我试图“修复”的行为示例:

JSFiddle:Condensed table/progress bar example

<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>

Answer 1

Bootstrap 添加了 margin-bottom: 20px;到它的进度条 div。为我适本地覆盖该大小的表格行。