引导3导航栏菜单项 - 淡入和淡出

Question

我使用引导3，有一个简单的导航栏如下...

<div class="collapse navbar-collapse" id="navbar-collapse-1"> 
<ul class="nav navbar-nav"> 
    <li class="active"><a href="#">Home</a></li> 
    <li><a href="#">Item 1</a></li> 
    <li><a href="#">Item 2</a></li> 
    <li><a href="#">Item 3</a></li> 
    <li><a href="#">Item 4</a></li> 
</ul> 
</div> 

这工作正常，但现在我想每个菜单项淡入并在悬停。例如，悬停时 - 在淡入淡出时将背景从白色变为黑色。

这可能使用自举转换？或者我需要独立于Jquery的Bootstrap吗？任何帮助或代码建议表示赞赏。

Answer 1

只是颜色和背景添加到锚元素上悬停，就像这样：

.navbar .nav > li > a { 
    -webkit-transition: all ease .3s; 
     -moz-transition: all ease .3s; 
     -o-transition: all ease .3s; 
      transition: all ease .3s; 
} 

.navbar .nav > li > a:hover { 
    background-color: #000; 
    color: #fff; 
} 

检查此琴：http://jsfiddle.net/thiagobraga/6yA9h/