Bootstrap下拉不起作用？

Question

下面的下拉列表不工作：

http://jsfiddle.net/xws2j/

<li id="fat-menu" class="dropdown open"> 
        <a href="#" id="drop3" role="button" class="dropdown-toggle" data-toggle="dropdown">Dropdown 3 <b class="caret"></b></a> 
        <ul class="dropdown-menu" role="menu" aria-labelledby="drop3"> 
        <li><a tabindex="-1" href="#">Action</a></li> 
        <li><a tabindex="-1" href="#">Another action</a></li> 
        <li><a tabindex="-1" href="#">Something else here</a></li> 
        <li class="divider"></li> 
        <li><a tabindex="-1" href="#">Separated link</a></li> 
        </ul> 
       </li> 

它激活，但看起来它背后隐藏的东西。但我不确定是什么。任何人都可以帮忙吗？

Answer 1

我已经有了你的CSS。

http://jsfiddle.net/xws2j/4/

这是语法导致此问题。见下文。

.collapse { 
    position: relative; 
    height: 0; 
    overflow: hidden; 
    overflow: visible \9; 
    -webkit-transition: height 0.35s ease; 
    -moz-transition: height 0.35s ease; 
     -o-transition: height 0.35s ease; 
      transition: height 0.35s ease; 
} 

注意：

overflow: hidden; 
overflow: visible \9; 

更正为：

.collapse { 
    position: relative; 
    height: 0; 
    overflow: visible; 
    -webkit-transition: height 0.35s ease; 
    -moz-transition: height 0.35s ease; 
     -o-transition: height 0.35s ease; 
      transition: height 0.35s ease; 
}