부트 스트랩 탐색 막대에서 링크 강조 표시 영역 조정

Question

트위터 부트 스트랩을 사용하여 내 페이지의 중앙에 navbar를 만들었습니다. 나는 가운데에 거리가있는 가운데 세 아이콘을 배열했다. 내가 그 중 하나에 마우스를 가져 가면 텍스트가 강조 표시된 부분의 중앙에 있지 않습니다. 그것은 다음과 같습니다. 홈 또는 태그를 강조 표시된 부분의 중앙에 정확하게 표시하려고합니다.

여기에 코드의 내 작은 관련 작품이다.

.navbar .nav > li > a 
{ 
float: none ; 
padding: 10px 100px 8px 0px ; 
color: #777777 ; 
text-decoration: none ; 
text-shadow: 0 1px 0 #444 ; 
font-size:20px ; 
} 


.navbar .nav > li > a:focus, 
.navbar .nav > li > a:hover 
{ 
    color: silver ; 
    text-decoration: none ; 
    background-color:ThreeDFace #444 ; 
} 

Answer 1

희망이 도움이 될 수 있습니다!

변경이 CSS 스타일링 완료이

.navbar .nav > li > a 
{ 
float: none ; 
width: 100px; 
text-align: center; 
color: #777777 ; 
text-decoration: none ; 
text-shadow: 0 1px 0 #444 ; 
font-size:20px ; 
} 

과에

.navbar .nav > li > a 
{ 
float: none ; 
padding: 10px 100px 8px 0px ; 
color: #777777 ; 
text-decoration: none ; 
text-shadow: 0 1px 0 #444 ; 
font-size:20px ; 
} 

는 :