Twitter bootstrap 母版页中的引导样例下拉列表不工作

我使用的是Bootswatch（日志主题）。选择其中一个导航栏选项时，将不会显示下拉项

在我的“脚本”目录中，我有文件-bootstrap-dropdown.js、bootstrap.min.js、dropdown.js、jquery-1.7.1.js、jquery-1.7.1.min.js

在我的目录'Styles\bootstrap\css\'中，我有ff文件-bootstrap-responsive.css、bootstrap-responsive.min.css、bootstrap.min.css

我想我错过了一些我想不出来的东西。谢谢

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

1-如果这个“bootstrap dropdown.js”不是您自己的代码，您不需要它，因为您可以在“bootstrap.min.js”中找到这个代码。对于css，你只需要这个bootstrap-responsive.min.css，bootstrap.min.css，没什么，只是你自己的css

2-确保正确加载：

<script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>  
<script src="@Url.Content("~/Scripts/bootstrap.min.js")" type="text/javascript"></script>    
<script src="@Url.Content("~/Scripts/bootstrap-dropdown.js")" type="text/javascript"></script>

3-尝试使用更新的jQuery文件

---

我认为您的html代码的结构是正确的，我没有看到任何错误。

谢谢您的建议，布鲁诺。我终于让它工作了。我所做的改变是“对于JS文件，如果加载bootstrap.min.JS，我认为不需要bootstrap-dropdown.JS

    <asp:HiddenField runat="server" ID="hfUsername"/>
    <div class="navbar">  
        <div class="navbar-inner">  
            <div class="container">  
                <ul class="nav">  
                    <a class="brand" href="#">WSTwitter</a>  
                    <li class="active"><a href="../User/Tweets.aspx">add a tweet</a></li>                      
                    <li class="dropdown" id="accountmenu">  
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">post company tweets<b class="caret"></b></a>                          
                    </li>  
                    <li class="dropdown" id="Li1">  
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">admin<b class="caret"></b></a>  
                        <ul class="dropdown-menu">  
                            <li><a href="../User/Account.aspx">Account</a></li>
                            <li><a href="../Admin/Users.aspx">Users</a></li>
                            <li><a href="../User/Clients.aspx">Clients</a></li>
                            <li><a href="../User/Links.aspx">Links</a></li>
                            <li><a href="#" onclick="window.open('../RSS.aspx?user='+document.getElementById('hfUsername').value,'_blank');">rss feed</a></li>
                            <%--  <li class="divider"></li>  --%>                            
                        </ul>  
                    </li>  
                    <li><a href="../Account/Logout.aspx">Logout</a></li>           
                </ul>  
            </div>  
        </div>  
    </div>  

    <div class="main">
        <asp:ContentPlaceHolder ID="MainContent" runat="server"/>
    </div>

</form>

<script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>  
<script src="@Url.Content("~/Scripts/bootstrap.min.js")" type="text/javascript"></script>    
<script src="@Url.Content("~/Scripts/bootstrap-dropdown.js")" type="text/javascript"></script>
 <script type="text/javascript">
     $(document).ready(function () {
         $('.dropdown-toggle').dropdown();
     });  
</script>  

<script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>  
<script src="@Url.Content("~/Scripts/bootstrap.min.js")" type="text/javascript"></script>    
<script src="@Url.Content("~/Scripts/bootstrap-dropdown.js")" type="text/javascript"></script>