Twitter bootstrap 更新到3.1.1后，是否还有人对引导表有问题？

几个小时前，我从bootstrap3.0.3升级到3.1.1，我所有的桌子突然水平折叠到最小宽度。今天早些时候，此表显示良好，占据了.container对象的整个宽度

<div class="table-responsive">
    <table class="table table-striped table-condensed" id="intakes_header">
        <caption class="h2">Annual Intakes [1]</caption>
        <thead style="height: auto;" id="intakes_head" class="intakes_targets in">
            <tr>
                <th>School Year</th>
                <th>Referred By</th>
                <th>Exit Date</th>
                <th>&nbsp;</th>
            </tr>
        </thead>
        <tbody style="height: auto;" id="intakes_body" class="intakes_targets col-sm-12 in">
            <tr>
                <td>2013-14</td>
                <td>SAFE House</td>
                <td>-</td>
                <td><a href="https://localhost/EPHY/index.php/familyschoolyear/3827/edit" class="btn btn-default btn-sm" \=""><span class="glyphicon glyphicon-pencil"></span></a></td>
            </tr>
        </tbody>
    </table>
</div>

现在，行是全宽的，但列是显示内容所需的最小大小，并且标题甚至与它们下面的列内容不对齐。真正奇怪的是，我一直在尝试添加col-md-X类，如果我添加了一组最多12个列，通常会显示这些列，但在其他情况下，它们仍然会被压扁，即

<tr>
    <th class='col-sm-3'>School Year</th>
    <th class='col-sm-3'>Referred By</th>
    <th class='col-sm-3'>Exit Date</th>
    <th class='col-sm-2'>&nbsp;</th>
</tr>

显示为挤在一起，就像没有类一样，但是

<tr>
    <th class='col-sm-3'>School Year</th>
    <th class='col-sm-3'>Referred By</th>
    <th class='col-sm-3'>Exit Date</th>
    <th class='col-sm-3'>&nbsp;</th>
</tr>

毫无阻碍地将它们展开。这影响了自升级以来我在应用程序中查看的每个表

---

显然，我应该能够通过手动添加列类来分散表，但这也将我锁定在固定的宽度比例中，这并不总是合适的，这取决于返回哪些记录来填充表。我只是想弄清楚这里发生了什么，显然是为了打破僵局。关于检查什么有什么建议吗？

将col-sm-12类从车身上删除，使其成为表格。

我一直在用火焰喷射器查看代码，似乎正在缩小范围。我得出的结论是，这个问题与升级引导无关，撇开时间不谈；显示问题出现在我使用折叠组件的区域，该组件在周五工作正常，但当我删除它们时，显示恢复正常。如果我能弄清楚发生了什么，我会向你汇报。

你介意把你的问题放到JSIDLE或jsbin中吗？我不知道怎么做。关于寻找说明书的最佳地点有什么建议吗？不幸的是，那一点效果都没有。即使在同一页上几乎相同的表之间，以及在标题和正文之间，我也会出现完全不一致的行为，在某些情况下，标题无法隔开，但正文是完全正常的。我已经看过了JSFIDLE，但是在那里的页面中嵌入整个引导程序实际可行吗？我正在使用本地安装。自从在上回答后，我发布了一个新问题