Twitter bootstrap 引导下拉菜单不工作_Twitter Bootstrap

Twitter bootstrap 引导下拉菜单不工作

twitter-bootstrap

Twitter bootstrap 引导下拉菜单不工作,twitter-bootstrap,Twitter Bootstrap,大家好，我正在学习bootstrap css，我有以下html，但由于某些原因，菜单上的下拉菜单没有下拉。谁能告诉我为什么谢谢 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />

大家好，我正在学习bootstrap css，我有以下html，但由于某些原因，菜单上的下拉菜单没有下拉。谁能告诉我为什么

谢谢

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
    <title></title>
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="/css/bootstrap.min.css" />
    <!-- Optional theme -->
    <link rel="stylesheet" href="/css/bootstrap-theme.min.css" />
    <!-- Latest compiled and minified JavaScript -->
    <script src="/Scripts/jquery-2.0.3.min.js"></script>
    <script src="/Scripts/bootstrap.js"></script>
</head>
<body>
    <form method="post" action="./" id="form1">
        <div class="container">
            <div class="navbar">
                <div class="navbar-inner">
                    <ul class="nav nav-pills">
                        <li><a href="/">Home</a></li>
                        <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Login<b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li>
                                    <a id="LoginLink"></a>

                                    <ul style="width: 260px;" id="searchUl">
                                        <li>
                                            <div id="topSearchDropDownDiv">
                                                <p>
                                                    <label>Email address</label><input name="TxtUserName" type="text" id="LoginControl_TxtUserName" />
                                                </p>
                                                <p>
                                                    <label>Password</label><input name="TxtPassword" type="text" id="LoginControl_TxtPassword" />
                                                </p>
                                                <p>
                                                    <input type="submit" name="LoginBtn" value="Login" id="LoginControl_LoginBtn" class="btn-primary" />
                                                </p>
                                            </div>
                                        </li>
                                    </ul>

                                </li>
                            </ul>
                        </li>
                        <li><a href="/register.aspx">Register</a></li>
                        <li><a href="/link1.aspx">link1</a></li>
                        <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Checker<b class="caret"></b></a>
                            <ul style="width: 260px;" id="CheckUl" class="dropdown-menu">
                                <li>
                                    <div id="Div1">
                                        <p>
                                            <label>Enter your number</label><input name="TxtNumber" type="text" id="TxtNumber" />
                                        </p>
                                        <p>
                                            <input type="submit" name="CheckNow" value="Check now" id="CheckNow" />
                                        </p>
                                    </div>
                                </li>
                            </ul>

                        </li>
                        <li><a href="/forsale.aspx">For sale</a></li>
                        <li><a href="/code.aspx">Code</a></li>
                        <li><a href="/link2.aspx">link2</a></li>
                    </ul>
                </div>
                <div class="row">
                    <h1>Welcome</h1>
                    <div class="row">
                        <p>Welcome</p>
                    </div>
                </div>
            </div>
        </div>
    </form>
    <script src="/js/bootstrap.min.js"></script>
</body>
</html>













输入您的号码










欢迎
欢迎光临

尝试删除

<script src="/js/bootstrap.min.js"></script>

因为它包含了两次。如果这不起作用，请提供控制台输出（chrome->F12->console）

工作正常：

但是，您包含两次引导javascript文件：

<script src="/Scripts/bootstrap.js"></script>

及

尝试删除其中一个。

您可以在这里使用它进行测试，比如JSFIDLE（）

<script src="/js/bootstrap.min.js"></script>