jquery - 如何设置 bootstrap 选项卡的高度和边框？

我创建了一个模态和该模态中的nav-tab。有 2个问题。

首先是那些选项卡的高度非常大，我想将它们的高度设置得少一点。我试图使用css height属性设置它们的高度，但是它对我不起作用。

我的第二个问题是，当打开特定的选项卡时，该选项卡底部显示的border-bottom/行不会像通常那样被隐藏。我想在打开时隐藏该选项卡的底部行。

因此，请任何人可以帮助我解决以上问题。
这是带有选项卡的我的模态图像:

这是这些标签的代码(我在避免不必要的代码):

<div class="tabbable" >
    <ul class="nav nav-tabs" ><!--tabs-->
          <li  style="position:absolute;margin-left:0px;height:50px;" id="logintab">
               <a href="#pane_login" data-toggle="tab" id="logintab_a">Login</a></li>
          <li  class="active" style="margin-left:70px;" id="reg_tab" >
              <a href="#pane_reg" data-toggle="tab" id="regtab_a">Registration</a></li>
    </ul>
    <div class="tab-content"><!--login tab content-->
        <div id="pane_login" class="tab-pane active">
        </div>
     </div>

     <div class="tab-content"><!--login tab content-->
        <div id="pane_register" class="tab-pane active">
        </div>
     </div>
</div><!--/Tabbable-->

最佳答案

共享我的解决方案，以防万一其他人需要调整高度:

.nav-tabs > li > a
{
    /* adjust padding for height*/
    padding-top: 4px;
    padding-bottom: 4px;
}

第二个问题可以通过调整事件 anchor 的边距来解决

.nav-tabs > li.active > a:focus, .nav-tabs > li.active > a
{
    margin-top: 1px;
}
.nav-tabs > li {
    margin-bottom: 0px;
}
.nav-tabs > li.active {
    margin-bottom: -1px;
}