Twitter bootstrap 如何让引导切换栏和下拉菜单正常工作？

我似乎无法让下拉和切换按钮工作。我知道很多人都遇到过这个问题，但我还没有找到解决办法

独自创立










$（文档）.ready（函数（）{
$（'.dropdown toggle'）.dropdown（）；
});

之所以发生这种情况，是因为折叠类已将

溢出设置为
隐藏
。但是，将
溢出
设置为
可见
中断。解决方案是在切换栏可见时强制执行
height
属性。您必须设置
高度
，使所有下拉列表都可见。在这种情况下，设置
100px
就足够了。还需要添加
！重要信息

.collapse.in {
    height: 100px !important;
}

确保正确导入bootstrap.js：

<script src="js/bootstrp.js"></script>



看起来你漏掉了单词“bootstrap”中的字母“a”

希望这有所帮助。
将以下代码添加到CSS中，它将使下拉菜单正常工作：-

.dropdown:hover .dropdown-menu {
display: block;
color:#*any*;        
}.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
margin-top: 0;
}     
.dropdown:hover  .dropdown-toggle{
background-color: #*any*;
color:#*any*;
}

并在html页面中进行以下修改：-

<div class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#">About</a></li>
        <li class="dropdown">
                   <a href="#" class="dropdown-toggle">Dropdown 
                                           <b class="caret"></b></a>
              <ul class="dropdown-menu" role = "menu" area-labelledby = "dLabel">
                <li><a href="#">Action 1</a></li>
                <li><a href="#">Action 2</a></li>
                <li><a href="#">Action 3</a></li>
              </ul>
            </li>
          </ul>
 </div>













我尝试将它添加到css文件中，但它仍然不起作用。干得好！非常感谢。它确实解决了导航栏切换的问题，但我仍然看不到下拉菜单中的项目。