在Bootstrap Navbar中調整鏈接高亮區域

我使用Twitter Bootstrap在頁面中心製作了一個導航欄。我已經將三個圖標排列在中間，並在它們之間有一段距離。當我將鼠標懸停在其中一個上時，文本不在高亮部分的中心。它看起來如下。我希望主頁或標籤正好位於突出顯示部分的中心。在Bootstrap Navbar中調整鏈接高亮區域

enter image description here

這裏是我的小相關的代碼。

.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 ; 
}

來源

2013-03-24 Sasha

你嘗試過，文本對齊：中心？ – Fede 2013-03-24 03:49:54

是的，我試過了。 – Sasha 2013-03-24 03:51:36

希望這可以幫助你！

更改這個CSS樣式

.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 
{ 
float: none ; 
width: 100px; 
text-align: center; 
color: #777777 ; 
text-decoration: none ; 
text-shadow: 0 1px 0 #444 ; 
font-size:20px ; 
}

，並完成:)

來源

2013-03-24 08:30:38

在Bootstrap Navbar中調整鏈接高亮區域

回答

相關問題