navbar 相关问题

我正在学习 Angular 15.0.0，我遇到了一个问题导航栏没有出现，为什么除了食谱书之外什么也没有出现代码 &... 我正在学习 Angular 15.0.0，我遇到了一个问题导航栏没有出现，为什么除了食谱书之外什么也没有出现代码 <nav class = "navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <a href="#" class ="navbar-brand">Racipe Book!</a> </div> <div class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li><a href="#">Recipes</a></li> <li><a href="#">Shopping list</a></li> </ul> <ul class = "nav navbar-nav navbar-right"> <li class="dropdown"> <a href="#" class="dropdown-toggle" role = "button"> Manage <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#">saving data</a></li> <li><a href="#">fetch data</a></li> </ul> </li> </ul> </div> </div> </nav> 它看起来是这样的：我尝试降级 Bootstrap 但不起作用，并尝试使用 ng-bootstrap 包来包含基于 Angular 的 Bootstrap 组件。也不起作用，在终端中都给出了错误应该是这样的：您错过了.navbar-expand课程。导航栏 - 它是如何工作的 |引导程序 5 导航栏需要用 .navbar 包裹 .navbar-expand{-sm|-md|-lg|-xl|-xxl}，以实现响应式折叠和配色方案类。此外，您应该需要一个按钮切换来显示/隐藏可折叠部分。确保您已导入： popper.min.js 和 bootstrap.min.js 文件 bootstrap.bundle.min.js 为了让折叠功能发挥作用。参考：Bootstrap 5 下拉菜单在 Angular 12 上不起作用完整代码： <nav class="navbar navbar-default navbar-expand-lg"> <div class="container-fluid"> <div class="navbar-header"> <a href="#" class="navbar-brand">Racipe Book!</a> </div> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" > <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="nav navbar-nav me-auto mb-2 mb-lg-0"> <li class="nav-item"><a class="nav-link" href="#">Recipes</a></li> <li class="nav-item"> <a class="nav-link" href="#">Shopping list</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li class="dropdown"> <a href="#" class="dropdown-toggle" role="button" data-bs-toggle="collapse" data-bs-target="#navbarManageContent" > Manage <span class="caret"></span ></a> <ul class="dropdown-menu" id="navbarManageContent"> <li class="nav-item"> <a class="nav-link" href="#">saving data</a> </li> <li class="nav-item"> <a class="nav-link" href="#">fetch data</a> </li> </ul> </li> </ul> </div> </div> </nav> 演示@StackBlitz

angular bootstrap-modal navbar

回答 1 投票 0

如何为响应速度太快的标题导航栏编写 HTML CSS 代码

我想制作一个导航栏，但我无法为其编写正确的 CSS 样式。如何制作徽标图像向左浮动、菜单内容向右浮动的导航栏。我尝试过普通的 CS...

css bootstrap-4 frontend tailwind-css navbar

回答 1 投票 0

单击按钮时出现不需要的蓝色选择突出显示（仅限 Safari）

我真的不确定该用什么标题来回答这个问题，所以我认为最好的解释方法是用一个片段： $(文档).ready(函数() { $(".navbar-toggle").on("点击", function () { ...

javascript html css safari navbar

回答 5 投票 0

Flutter 对话框不会使系统导航栏透明

在本机应用程序中，当打开警报或对话框时，状态栏和系统导航栏变得透明，但在颤振系统导航栏中保持白色..请帮助我实现这一点。在...