부트 스트랩의 가운데에있는 텍스트 3 navbar

Question

내비게이션 막대 (브랜드 이름 포함)의 링크 너비를 960 픽셀이고 페이지 중앙에 배치하려면 어떻게해야합니까? 나는 여전히 브라우저의 전체 너비를 늘리기 위해 네비게이션 바의 배경을 원하고, 접을 때 응답 버튼이 여전히 작동되기를 바란다.

다양한 방법을 시도했지만 제대로 작동하지 않는 것 같습니다. 텍스트에서 탐색 막대의 배경을 분리하고 중심에 배치해야합니까?

<div class="container"> 
<!-- row 1: navigation --> 
<div class="row"> 
<nav class="navbar navbar-default navbar-fixed-top" role="navigation"> 
    <div class="navbar-header"> 
    <a href="#"class="navbar-brand">Logo</a> 
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-  
      target="#collapse"> 
     <span class="sr-only">Toggle navigation</span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
    </button> 
    </div> 
    <div class="collapse navbar-collapse" id="collapse"> 
    <ul class="nav navbar-nav navbar-right"> 
     <li class="active"><a href="#">Work</a></li> 
     <li><a href="#">About</a></li> 
     <li><a href="#">Contact</a></li> 
    </ul> 
    </div> 
</nav> 
</div> 

Answer 1

이 당신의 메뉴 바에 새 클래스를 추가합니다 :

<nav class="navbar navbar-default navbar-fixed-top navbar-custom" role="navigation"> 

그리고 다음과 같은 CSS 정의 :

.navbar-custom { 
    width: 960px; 
    margin: 0px auto; 
}