Twitter bootstrap 3 Twitter引导将内容区域的高度设置为最大值（无滚动条）

我有一个基本的Twitter引导布局，我想将内容区域设置为最大，不显示滚动条

<div class="container">

  <div class="row">
    <div class="col-sm-3 well">Head</div>
    <div class="col-sm-9 well">
      <div class="row">
        <div class="col-sm-8 well" style="height: 100% !important">
          <div role="tabpanel">
            <!-- Nav tabs -->
            <ul class="nav nav-tabs" role="tablist">
              <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li>
              <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li>
            </ul>

            <!-- Tab panes -->
            <div class="tab-content">
              <div role="tabpanel" class="tab-pane active" id="home">
                <div class="well">Home Area</div>
              </div>
              <div role="tabpanel" class="tab-pane" id="profile">
                <div class="well">Profile Area</div>
              </div>
            </div>

          </div>
        </div>
        <div class="col-sm-4 well"></div>
      </div>
    </div>
  </div>

</div><!-- /.container -->

头




家乡
剖面面积

我已经在主区域创建了一个带有选项卡的plunk，每个选项卡的内容都应该使用最大可用高度

---

也许您应该更改示例，使其显示滚动条，这样我们就可以更好地了解您试图解决的问题了？我已更新了plunk，但选项卡窗格的高度未达到最大值。不幸的是，我认为这是不可能的。可以使用像素设置井的高度，但不能使用百分比。因此，您可能需要编写一些JavaScript/jQuery来动态设置这些选项卡内容井的高度。就这一点而言，我不知道您为什么要从一开始就将所有选项卡内容包含在一口井中。看起来很奇怪，并不是故意的。