메뉴 항목을 작성하는 방법 상단 바에 채우기

Question

최근 상단 탐색 바에 대해서만 부트 스트랩에서 재단으로 전환했습니다. 항상 그에 따라 조정하고 항상 바를 채우기 위해 메뉴 항목을 설정하고 싶습니다.
부트 스트랩 예제는 여기에서 볼 수 있습니다. http://getbootstrap.com/2.3.2/examples/justified-nav.html
이 예제에서는 메뉴에 몇 개의 항목이 있더라도 항상 너비가 조정되므로 탐색 모음이 항상 채워집니다.
재단에서 어떻게 달성 할 수 있습니까?

Answer 1

jQuery를 사용하여 li의 수를 계산하고 각각의 너비를 li의 적절한 %로 설정할 수 있습니다.

그래서 8 개의 목록 항목은 각각 12.5 %가됩니다.

JQuery와

(function($){ 
    $.fn.autowidth = function() { 
    return this.each(function() {   
     $('li', this).css({'width' : (100/$('li', this).length) + '%'}) 
    }); 
    }; 
})(jQuery); 

$(document).ready(function(){ 
    $('nav > ul').autowidth();  
}); 

CODEPEN DEMO.

는 작동 볼 수 & 제거 목록 항목을 추가합니다.