html - 如何查看导航栏中的按钮?
问题描述
我目前正在编写我的第一个 django 网站,但我被导航栏困住了。好吧,我已经从引导程序下载了一个导航栏,就像这个一样。 但是,当我运行服务器时,导航栏看起来像这样。
我想查看导航栏中的按钮。
这是代码:
<nav class="navbar fixed-top navbar-light" style='background-color: snow;'>
<a class="navbar-brand" href="#"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-link active" href="#">Home <span class="sr-only">(current)</span></a>
<a class="nav-link" href="#">Features</a>
<a class="nav-link" href="#">Pricing</a>
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
</div>
</div>
</nav>
</nav>
解决方案
正如@Firoz Rangrez 之前所说,您可以从 Boostrap 下载很多预先设置样式的对象,您可能下载了折叠导航栏代码。我非常建议您使用纯 css 和 js(您编写自己的代码并更好地理解它是如何工作的),否则,您可以查看此链接https://getbootstrap.com/docs/4.0/components/navbar / 希望你觉得它有用。
推荐阅读
- javascript - 如何在登录会话中发出 HTTP JavaScript 请求
- ansible - Ansible,不要在剧本中指定主机并通过命令行指定主机
- azure-ad-b2c - 内置登录用户流程返回“您的密码不正确”。内置策略是否适用于自定义注册策略?
- sql-server - SSIS 根据另一个查询的结果过滤 ADO .NET 源查询
- regex - Jmeter - 正则表达式提取器忽略新行
- asp.net-core-mvc - 改变与实体框架核心的关系
- laravel - 如何在托管在 cpanel 中的 laravel 中手动添加 dompdf 包
- c# - 具有大量元组的实体框架最佳实践
- python - PySNMP 缺少文件
- python - Django 提示:发生服务器错误。请联系管理员