Bootstrap标签 - 左侧高度

Question

我使用tabs-left类的Bootstrap选项卡。但是，如果内容足够大，菜单和内容之间的边界就不会到达边缘。我需要做些什么来拉伸菜单？ 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;
    }