没有显示下拉菜单

Question

我找不出下拉菜单不起作用的原因。我是一个全新的web开发

在此处输入图像描述

Answer 1

确保您已添加引导CDN链接，如：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>

使用下拉菜单查看导航栏的链接：https://www.w3schools.com/bootstrap4/tryit.asp?filename=trybs_navbar_dropdown&堆叠=h

Answer 2

在此处发布您的html和css。我只能在图像中看到html代码

Answer 3

将下拉菜单类div标记作为ul标记，并将所有需要作为li标记中下拉项的链接。我想这应该行得通。

<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Categories
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li class="dropdown-item"><a href="#">Item 1</a></li>
<li class="dropdown-item"><a href="#">Item 2</a></li>
<li class="dropdown-item"><a href="#">Item 3</a></li>
</ul>
</li>