為什么我添加了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>