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