想问一下bootstrap下拉菜单的动画效果

为什么我添加了fade类，会直接不显示，而不是有动画效果呢

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  <ul class="nav navbar-nav">
     <li class="active"><a href="#">综述</a></li>
     <li><a href="#">简述</a></li>
     <li class="dropdown fade">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">特点 <span class="caret"></span></a>
        <ul class="dropdown-menu" role="menu">
           <li><a href="#">Chrome</a></li>
           <li><a href="#">Firfox</a></li>
           <li><a href="#">Opera</a></li>
           <li class="divider"></li>
           <li><a href="#">Safari</a></li>
        </ul>
     </li>
     <li><a href="#">关于</a></li>
  </ul>
</div>