css - ブートストラップのタブ-左の高さ

Question

クラスでブートストラップタブを使用しますtabs-left。ただし、コンテンツが十分に大きい場合、メニューとコンテンツの境界は端に達しません。メニューを伸ばすために何をする必要がありますか？height:100%メニューはを使用しているため、の設定は役に立ちませんfloat: left。

これが私の例です：http： //codepen.io/Just-Boris/pen/adqbr

Answer 1

nav-tabsから右の境界線を削除し、コンテンツに左の境界線を追加することで、目的の結果を得ることができます。次に、タブコンテンツのサイズを最小の高さを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;
    }