Bootstrap's drop-down menu is not responding

< 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="-sharp"></a></li>
                    <li><a href="-sharp"></a></li>
                    <li><a href="-sharp"></a></li>
                    <li><a href="-sharp"></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="-sharp"></a></li>
                    <li><a href="-sharp"></a></li>
                    <li><a href="-sharp"></a></li>
                    <li><a href="-sharp"></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="-sharp"></a></li>
                    <li><a href="-sharp"></a></li>
                    <li><a href="-sharp"></a></li>
                    <li role="separator" class="divider"></li>
                    <li><a href="-sharp"></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="-sharp"></a></li>
                    <li><a href="-sharp"></a></li>
                    <li><a href="-sharp"></a></li>
                    <li class="dropdown-header"></li>
                    <li><a href="-sharp"></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 >-sharp-sharp-sharp topic description

sources of topics and their own ideas

related codes

/ / Please paste the code text below (do not replace the code with pictures)

what result do you expect? What is the error message actually seen?

May.21,2022

there are already many such problems. point, I know

.
Menu