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 */ 
}