navbar 수정관련 > 시즌3 질문과 답변

각메뉴 간격을 동일하게 한다면 width 값을 동일하게 적용해야 합니다.
.navbar-nav 의 width 값이 100% 일때 .navbar-nav > li 의 width  값을 동일하게 적용합니다.
메뉴가 5개라면 20%(100/5), 7개라면 14.285%(100/7)와 같이 설정하면 되겠습니다.
pc 화면일때를 구분지어 미디어쿼리를 이용해 다음과 같이 적용합니다.

@media (min-width:992px){
	.navbar-nav {width:100%}
	.navbar-nav > li {width:20%}
}

감사합니다.

Header Nav 에서 적용하면 되나요?

위의 답변에 보면 '7개라면 14.285%(100/7)와 같이 설정하면 되겠습니다.'라고 적혀 있듯 width 값을 width:14.285%로 적용하기 바랍니다.
메뉴 개수에 따라 100을 그 개수로 나우어 퍼센트로 값을 주기 바랍니다.

감사합니다.

메뉴 부분과 로그인 박스 부분은(.navbar-nav와 .nav-reg) 각각 다른 ul 태그라 보면 됩니다.
로그인 박스까지 맞춰야 한다면 아래와 같이 수정하기 바랍니다.

@media (min-width:992px){
	.navbar-nav {width:87.5%}
	.navbar-nav > li {width:14.285%}
	.nav-reg {width:12.5%}
}

.navbar-nav와 .nav-reg의 width 값은 용도에 맞게 수정하기 바랍니다.

감사합니다.

혹시 직접 하기 어렵다면 1:1문의에 남겨주신 정보를 통해 직접 수정해 드리도록 하겠으니 답글 주기 바랍니다.

감사합니다.

부탁드립니다. ^^