CSS3過渡和邊框

Question

我正在嘗試對此網頁上的菜單進行反向工程（這只是一個個人項目，並不是爲了竊取他們的工作）。

http://clapat.ro/themes/eleven/color/

不過，我似乎無法得到過渡效果的工作。當我添加邊框時，它會將內容向下推，而不是像示例中那樣保持良好的內嵌效果。

此外，邊界似乎向上「盲」，但是當我這樣做時，它會向下盲目。

任何幫助將不勝感激！

Answer 1

這是造成問題的原因：

.nav > li > a { 
    display: block; 
} 

這是從bootstrap.css未來如果刪除CSS的該位能夠正常工作。

您可以通過添加display: inline;覆蓋index2.php這種風格：

.navbar a, .navbar a:active, .navbar a:visited { 
    color: #7f7f7f; 
    padding-top: 35px; 
    height: 90px; 
    text-transform: uppercase; 
    font-weight: bold; 
    font-size: 14px; 
    padding-bottom: 45px; 
    display: inline;   /* added this line */ 
}