javascript - 为什么bootstrap well的内容会到well的中间

Question

我正在使用引导类 = 很大，里面有一张桌子。

我不知道为什么，但桌子到了井的中间。

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

这是我的代码：

<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 中添加的。这使我的问题更加严重。我已将填充从 24 更改为 200。

.well-huge {
  padding: 200px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

我在 css 和样式方面不是那么强，所以我想有一个快速修复表格可以在井的顶部而不是在它的中心页面。

Answer 1

http://getbootstrap.com/components/#wells

井应该出现在插图中。如果您不希望您的桌子具有这样的样式，我不确定您为什么要使用井。由于不清楚你想要什么，我假设修复是：

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