gpt4 book ai didi

html - Bootstrap pills 子菜单不起作用

转载 作者:太空宇宙 更新时间:2023-11-04 08:31:42 27 4
gpt4 key购买 nike

我正在使用 bootstrap 开发一个元素。我刚刚在 pills navbar 中添加了一个子菜单,但它不起作用。当我点击消息时没有任何反应

<ul class="nav nav-pills nav-stacked">
<li role="presentation" class="active"><a href="#">Home</a></li>
<li role="presentation"><a href="#">Home</a></li>
<li class="dropdown" role="presentation">
<a data-toggle="dropdown" class="dropdown-toggle" href="#">About</a>

<ul class="dropdown-menu">
<li><a href="#">Inbox</a></li>
<li><a href="#">Drafts</a></li>
<li><a href="#">Sent Items</a></li>
<li><a href="#">Trash</a></li>
</ul>

</li>
<li role="presentation"><a href="#">Users</a></li>
<li role="presentation"><a href="#">Messages</a></li>
<li role="presentation"><a href="#">Contact</a></li>
</ul>

上面脚本的任何帮助。谢谢

最佳答案

看看如何data-toggle="dropdown"在关于的 anchor 标签中?您似乎在“关于”下有下拉菜单,而不是“消息”。

此外,请务必包含 Bootstrap JavaScript。应该有一个像 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 这样的标签在<head> HTML 的一部分。这就是使下拉菜单起作用的原因。

关于html - Bootstrap pills 子菜单不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44738812/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com