Question

我无法找到下拉菜单为何不起作用的原因。我是网络开发人员中的新手

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&stacked=h

Answer 2

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

Answer 3

使dropdown-menu类的div标签成为ul标签，并在li标签中使所有需要成为dropdown-items的链接。我猜应该可以。

<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>

下拉菜单未显示

3 个答案: