Css 菜单下的子菜单不显示

Css 菜单下的子菜单不显示,css,twitter-bootstrap,Css,Twitter Bootstrap,我有四个菜单,其中一个菜单有两个子菜单,我正在使用bootstrap,但经过多次尝试,我没有任何办法解决它,因为我是新手。单击时,主菜单不显示子菜单 我已经尝试了各种可能的方法,当我将CDN添加到我的项目中时,效果很好。但是,当我从本地存储添加引导文件时,它不会显示。但其他功能运行良好 <link rel="stylesheet" href="css/bootstrap.css"> <style> .header { height: 50px;

我有四个菜单,其中一个菜单有两个子菜单,我正在使用bootstrap,但经过多次尝试,我没有任何办法解决它,因为我是新手。单击时,主菜单不显示子菜单

我已经尝试了各种可能的方法,当我将CDN添加到我的项目中时,效果很好。但是,当我从本地存储添加引导文件时,它不会显示。但其他功能运行良好

<link rel="stylesheet" href="css/bootstrap.css">
<style>
    .header {
        height: 50px;
        background-color: black;
        margin-top: 3px;
    }

    .column {
        margin-left: 100px;
    }
</style>
<body>
    <nav class="navbar navbar-expand-sm  navbar-dark bg-dark header">
        <a href="#" class="navbar-brand">Stone</a>
        <ul class="nav navbar-nav column">
            <li class="nav-item"><a href="#" class="nav-link">Home</a></li>
            <li class="nav-item"><a href="#" class="nav-link">Add Employee</a></li>

            <li class="nav-item dropdown">
                <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" id="searchEmp" role="button">Search Employee</a>
                <div class="dropdown-menu" aria-labelledby="searchEmp">
                    <a href="#" class="dropdown-item">Search With ID</a>
                    <a href="#" class="dropdown-item">Search All Employee</a>
                </div>
            </li>
            <li class="nav-item"><a href="#" class="nav-link">About</a></li>
        </ul>
    </nav>

    <script src="js/bootstrap.js"></script>
    <script src="js/jquery-3.4.1.js"></script>
</body>

.标题{
高度:50px;
背景色:黑色;
利润上限:3倍;
}
.栏目{
左边距:100px;
}

在控制台中,它没有显示任何错误

引导程序的Javascript依赖于jQuery。这意味着为了使jQuery正常工作,需要首先加载jQuery。如果你切换以下几行,它应该可以工作

<script src="js/bootstrap.js"></script>
<script src="js/jquery-3.4.1.js"></script>

您也需要添加popper.js才能使菜单正常工作


我想应该是这样的哦,我忘记了jQuery应该先加载。谢谢