부트 스트랩의 탭 - 왼쪽 높이

Question

tabs-left 클래스의 부트 스트랩 탭을 사용합니다. 그러나 내용이 충분히 크면 메뉴와 내용 사이의 경계가 가장자리에 도달하지 않습니다. 메뉴를 늘리려면 어떻게해야합니까? 메뉴에서 float: left을 사용하고 있기 때문에 height:100% 설정은 도움이되지 않습니다. 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; 
    }