css - Bootstrap 的 tabs-left 高度

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;
    }