Javascript 为什么引导井的内容会进入井的中间

我使用的是bootstrap class=well-large，里面有一张桌子

我不知道为什么，但是桌子在井的中间

我真正想要的是，桌子将在井的顶部，我认为它应该是

这是我的代码：

<div collapse="!isCollapsedDebts">
                   <div class="well well-huge">
                    <table class="table table-condensed">
                      <tr>
                        <th>..</th>
                        <th>..</th>
                        <th>..</th>
                        <th>..</th>
                      </tr>
                      <tr ng-repeat="debt in user.debts">
                        <td>{{formatDate(debt.date)}}</td>
                        <td>{{debt.hour}}</td>
                        <td>{{debt.courtId}}</td>
                        <td>{{paymentText(debt.payment)}}
                          <div class="btn-group">
                            <a class="btn btn-info btn-mini dropdown-toggle" data-toggle="dropdown" href="#/debts"><i class="icon-edit icon-white"></i></a>
                            <ul class="dropdown-menu">
                              <li ng-repeat="choice in items">
                                <a ng-click="changePayment(user, debt, choice)">{{choice}}</a>
                              </li>
                            </ul>
                          </div>
                        </td>
                      </tr>
                    </table>
                  </div>
                </div>

我不太擅长css和样式，所以我想有一个快速修复方法，可以将表格放在井的顶部，而不是中间页。

井应该是嵌入的。如果你不想让你的桌子变成这样，我不知道你为什么要用一口井。由于不清楚您想要什么，我假设解决方案是：

.well-huge {
 padding-top: 0px;
}

.well-huge {
 padding-top: 0px;
}