Bootstrap的下拉列表没有扩展

Question

Bootstrap的下拉列表没有扩展

想要我的应用程序的水平菜单。使用Bootstrap通过以下http://www.bootply.com/113314示例创建它。它虽然没有工作。还需要帮助，以了解该按钮如何标识适当的列表，而无需在文档中存在多个的事实的情况下在任何地方指定id或名称

<!DOCTYPE html>
<html>

<head>
    <title>Home</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
        crossorigin="anonymous"></script>

</head>

<body>

    <div align="center">
        <a href="home.erp">
            <img title="Home" class="img-rounded" src="images/empireSmall.png">
        </a>
    </div>
    <div align="right">
        <button class="btn btn-danger" onclick="logout()">Logout</button>
    </div>
    <div class="btn-group">

        <div class="btn-group">
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
             Administration
            <span class="caret"></span>
            </button>

            <ul class="dropdown-menu" role="menu">

                <li><a href="karateInvoiceApplication.erp"> Invoice Application</a></li>

                <li><a href="karateStudentApplication.erp"> Karate Student</a></li>

            </ul>
        </div>

        <div class="btn-group">
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
             System
            <span class="caret"></span>
            </button>

            <ul class="dropdown-menu" role="menu">

                <li><a href="userApplication.erp"> User Application</a></li>

            </ul>
        </div>

    </div>
    </div>
</body>

</html>

Run Code Online (Sandbox Code Playgroud)

Answer 1

Con*_*nan 6

只是为了确认是否有其他人发现相同的问题-确保在Bootstrap JavaScript（例如bootstrap.min.js）之前引用jQuery ，因为这是一个依赖项。

归档时间：	8 年，11 月前
查看次数：	2175 次
最近记录：	8 年，11 月前