반응 형 사이트의 가운데 맞춤 메뉴

Question

이 사이트 서식 파일을 가져와 축소하지 않은 채 가운데에 놓기를 원합니다. http://themes.iki-bir.com/kyte/index.html

HTML 코드는입니다 :

div class="nav-collapse pull-right collapse" 

CSS를 :의 충분한 .. 많은, 많은 감사

#header.navbar { 
padding: 25px 0; 
background: #FFF; 
-webkit-box-shadow: 0 3px 0 rgba(0,0,0,0.07); 
-moz-box-shadow: 0 3px 0 rgba(0,0,0,0.07); 
box-shadow: 0 3px 0 rgba(0,0,0,0.07); 
position: relative; 
z-index: 1001; 
width: 100%; 
display: block; 
position: fixed; 

희망!

오렌

Answer 1

의 붕괴하지 메뉴를 중앙에,이 시도 :

는

@media (min-width: 980px) { 
    #header .container{ text-align:center; } 
    #header.navbar-fixed-top .nav-collapse{ float:none;display:inline-block; } 
} 

미디어 쿼리는 붕괴하지 그 때,이 미디어 쿼리 이후 스타일 시트에 이미 할 수있는 메뉴를 대상으로 템플릿이 부트 스트랩을 사용하고 있습니다.

Answer 2

스타일 시트이 추가 :

#header.navbar-fixed-top .nav-collapse { 
    float: none; 
    width: 100%; 
    position: absolute; 
    right: 0; 
    top: 27px; 
} 
.navbar .nav { 
    width: 715px; 
    margin: 0 auto; 
    float: none; 
}