탐색 탭 위치를 수정하는 방법이 있습니까

Question

탐색 탭의 상대적인 위치와 아래쪽 경계에 문제가 있습니다. 이 GIF에서 볼 수 있습니다. http://imgur.com/a/xKUmp

"옵션 X"(및 나중에 나오는 다른 옵션)를 왼쪽 하단 위치에 고정시키고 싶습니다.

/* Code moved to jsfiddle */ 

UPDATE : 나는 당신 스타일로 https://jsfiddle.net/g9qs869r/2/

Answer 1

문제에 시뮬레이션 할 수있다. 상위 행 요소 높이를 나머지 요소보다 크게 만듭니다. 차이를 제거하기 위해 당신은 모든 탭에 추가 할 수 있습니다

.tabbable-line > .nav-tabs > li { 
    margin-right: 2px; 
    border-bottom: 4px solid #FFF; // added border in order to keep element height 
} 

JSFiddle을 : https://jsfiddle.net/g9qs869r/3/

Answer 2

당신이 행동 변화로 당신의 CSS에이 줄을 추가하는 경우는, 리 속성에 특정 높이를 추가해야 당신이 필요합니다