css - Bootstrap 选项卡左侧高度

Question

我将 Bootstrap 选项卡与 tabs-left 类一起使用。然而，如果内容足够大，菜单和内容之间的边界不会到达边缘。我需要做什么来扩展菜单？ height:100% 的设置没有帮助，因为菜单使用 float: left。

这是我的例子: http://codepen.io/Just-Boris/pen/adqbr

Answer 1

您可以通过从导航选项卡中删除右边框并向内容添加左边框来实现所需的结果。然后您可以将选项卡内容的最小高度设置为 100%。

  html, body, .tabs-left { height: 100%; }

    .tabs-left .nav-tabs {
      margin-right: 0;
      border-right: 0;
    }

    .tab-content {
      min-height: 100%;
      padding-left: 20px;
      border-left: 1px solid #ddd;
    }