bootstrap的下拉菜单没有反应

Question

bootstrap的下拉菜单没有反应

发布于
2019-01-25

新手上路，请多包涵

<html>

<head>
    <title>bootstrap的按钮组件</title>
    <meta charset="UTF-8">
    <link rel="stylesheet"  href="../css/bootstrap.css">
    <link rel="stylesheet"  href="../css/bootstrap.min.css">
    <link rel="stylesheet"  href="../css/bootstrap-theme.css">
    <link rel="stylesheet"  href="../css/bootstrap-theme.min.css">        
    <link rel="stylesheet"  href="../css/bootstrap-grid.css">
    <link rel="stylesheet"  href="../css/bootstrap-grid.min.css">
    <link rel="stylesheet"  href="../css/bootstrap-reboot.css">
    <link rel="stylesheet"  href="../css/bootstrap-reboot.min.css">
</head>    
<body>
    <div class="row" style="margin-top:80px;">
        <div class="col-sm-3">
            <div class="dropdown">
                <button class="btn btn-default dropdown-toggle" type="button" id="dropdown1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                下拉菜单
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" aria-labelledby="dropdown1">
                    <li><a href="#">新建</a></li>
                    <li><a href="#">打开</a></li>
                    <li><a href="#">保存</a></li>
                    <li><a href="#">退出</a></li>
                </ul>
            </div>
        </div>
        
        <div class="col-sm-3">
            <div class="dropup">
                <button class="btn btn-default dropdown-toggle" type="button" id="dropdown2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                下拉菜单(向上拉)
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" aria-labelledby="dropdown2">
                    <li><a href="#">新建</a></li>
                    <li><a href="#">打开</a></li>
                    <li><a href="#">保存</a></li>
                    <li><a href="#">退出</a></li>
                </ul>
            </div>
        </div>
        
        <div class="col-sm-3">
            <div class="dropdown">
                <button class="btn btn-default dropdown-toggle" type="button" id="dropdown3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                下拉菜单（带分隔条）
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" aria-labelledby="dropdown3">
                    <li><a href="#">新建</a></li>
                    <li><a href="#">打开</a></li>
                    <li><a href="#">保存</a></li>
                    <li role="separator" class="divider"></li>
                    <li><a href="#">退出</a></li>
                </ul>
            </div>
        </div>
        
        <div class="col-sm-3">
            <div class="dropdown">
                <button class="btn btn-default dropdown-toggle" type="button" id="dropdown4" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                下拉菜单(带标题)
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" aria-labelledby="dropdown4">
                    <li class="dropdown-header">文件</li>
                    <li><a href="#">新建</a></li>
                    <li><a href="#">打开</a></li>
                    <li><a href="#">保存</a></li>
                    <li class="dropdown-header">程序</li>
                    <li><a href="#">退出</a></li>
                </ul>
            </div>
        </div>
    </div>
<script text="javascript" src="../js/jquery-3.3.1.min.js"></script>
<script text="javascript" src="../js/bootstrap.js"></script>
<script text="javascript" src="../js/bootstrap.min.js"></script>


</body>

</html>### 题目描述