html - 如何在导航栏中输入下拉项
问题描述
我创建了一个标题,在导航栏中
我想要一个成为下拉菜单的元素。但我不明白为什么没有出现我的项目。
我在链接上看到,这似乎很容易: https ://getbootstrap.com/docs/4.0/components/navs/
带有下拉菜单的药丸
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<header>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Separated link</a>
</div>
</li>
<header>
ITEC-EP
<div class="collapse navbar-collapse" id="navbarColor01">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Applications<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="wiki.html">Wiki</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Separated link</a>
</div>
</li>
</ul>
</div>
我没有任何错误信息。当我点击我的下拉菜单时,什么也没有发生。内部元素没有出现。
我试图不使用 css,而只使用引导程序。我选择使用这个模板: https ://bootswatch.com/materia/
我误会了什么?将来如何在 Mozilla 的开发人员模式下进行调试?
解决方案
我想问题是没有安装正确的 javaScript 包。我第一次使用 Bootstrap 时就有这个,我错过了 popper.js
推荐阅读
- python - statsmodels:寻找 statsmodels.formula.api 详细文档
- reactjs - 如何在 Reactjs 中生成 CSRF 令牌并发送到 Play Framework?
- java - 未知的数据绑定类
- ios - Google Maps SDK for iOS 在中国
- python-3.6 - 在 APScheduler(Python 3.6)中添加作业时出现问题
- jquery - 无法增加 Google 饼图宽度
- java - NoClassDefFoundError:Crashlytics FirebaseInfo
- c++ - 仅 QT TabBar 侧窗格
- javascript - 实现 javascript promise 的最佳实践
- ios - UIAlertController 未显示在模态 UIViewController 上?