내 반응 탐색 모음의 요소 가운데 맞추기

Question

내비게이션 막대는 my site에 있지만 중심에있는 항목은 가져올 수 없습니다. 누구든지 나를 도울 수 있습니까?

Answer 1

당신은 당신의 CSS에서 다음을 변경해야합니다 : (모든 주석 속성을 제거해야합니다)

.navbar ul { 
    /* letter-spacing: -0.01em; */ 
} 

.navbar .nav { 
    border-right: 2px solid black; 
    /* position: relative; */ 
    /* left: 0; */ 
    display: inline-block; 
    /* float: left; */ 
    margin: 0; 
    /* width: 100%; */ 
    /* height: 10px; */ 
} 


.navbar li { 
    /* width: auto; */ 
    /* display: block; */ 
    display: inline-block; 
    margin-bottom: 0; 
    /* line-height: 40px; */ 
    /* font-size: 14px; */ 
} 

.navbar { 
    text-align: center; 
} 

을 그리고 ".divider 수직"제거 li이 필요하지 않으면 코드에 의미 적 가치를 추가하지 않습니다.

Answer 2

빠른 수정 : 귀하의 사이트가 반응하는 것으로 보인다으로

이

.navbar .container { 
    text-align:center; 
} 

.navbar .nav { 
    /*float:left;*/ 
    display:inline-block; 
    vertical-align:top; 
} 

.nav-collapse { 
    display:none; 
} 

.navbar .divider-vertical { 
    height:42px; 
} 

, 당신은 작은 화면 크기에 내려 갈 때 적절하게 스타일을 조정할 수 있습니다.

, BTW 흥미로운 뉴스 헤드 라인 :