navbar 相关问题

HTML和XML直接处理页面导航的部分

如何将 Bootstrap 导航栏中的元素居中? [重复]

我尝试将 Bootstrap 5 导航栏中的元素作为 Vue 模板居中,但既不显示 Flex 也不对齐内容:中心,也不工作文本中心;我尝试将对齐项目应用于这些元素,它......

回答 2 投票 0

导航栏在手机视图中没有响应

我的导航栏没有响应。我希望它变成一个 3 栏菜单,当您通过手机查看网站时,您可以点击该菜单,但它似乎不起作用。这是一个...

回答 1 投票 0

导航栏汉堡包不起作用 [react-tailwindcss]

我对 React 开发相当陌生,我正在尝试使用 tailwindcss 。我正在尝试构建一个移动设备导航栏的小示例,但从右侧的过渡并不顺利。 我已经

回答 1 投票 0

如何将导航菜单的ul元素居中?

我找到了这个移动导航菜单模板:https://codepen.io/Tyutyesz/pen/KKdEjwr 当我测试它并粘贴 html 编辑器的菜单代码时,ul 元素和菜单之间几乎没有空间......

回答 1 投票 0

通过 Laravel 中的链接注销

我的顶部导航栏中有一个“注销”链接。我想知道如何才能使我在登录时单击它并返回主页时将我注销。 具体来说,是什么

回答 7 投票 0

Bootstrap 5 导航栏下拉链接在单击时不起作用,并且在悬停时不会展开

我想让导航栏下拉项在悬停时打开,并使所有项目都可单击。我无法正常工作的是,当我单击它时,将我发送到 course.html 页面,我打开了...

回答 1 投票 0

两个项目无法在 boostrap 的导航栏中位于右侧

在此输入图像描述 我试图将登录和注册项与导航栏的右侧对齐,但它不起作用。 有人能告诉我这是为什么吗? &l...

回答 1 投票 0

站点菜单的 CSS 样式

我想为网站创建一个菜单,位于左侧,如下图所示。但是,当我编写代码并应用样式时,它无法正确显示并且最终像正确的 sid...

回答 1 投票 0

为什么我的汉堡菜单隐藏在容器后面?

为什么我的菜单隐藏在主容器后面并且只能通过滚动才能看到? 我尝试过增加 z-index 和更改定位类型之类的方法,但似乎只是......

回答 1 投票 0

标题与徽标和导航栏项目位于一行

我目前正在学习Code Academy - 前端开发人员课程,旁边,我正在尝试创建我的网站..我真的很努力,因为这是我第一次做这样的事情。我已经...

回答 1 投票 0

第二个导航栏悬停在一个块上,而不仅仅是一条线

好的,在我的网站中,我有第二个导航栏来放置类别。我有 9 个类别,其中 2 个类别只有一行,因此悬停仅悬停在该行而不是该块上。 可以将鼠标悬停在块上...

回答 1 投票 0

引导导航栏折叠切换按钮未单击

为什么我的引导导航栏没有折叠?切换按钮显示,但当我单击它时,没有任何反应。 (用 React 编写,所以使用 className 而不是 class。)我什至尝试复制和粘贴

回答 4 投票 0

如何使用 React.js 中的 Bootstrap 5 导航栏在移动设备和悬停在桌面上切换子菜单

我想在我的项目中使用 Bootstrap 5 Navbar 组件。它有下拉菜单,其中有子菜单。在桌面和移动设备上一切正常。我想打开下拉菜单和子菜单...

回答 2 投票 0

更改flutter中的系统导航栏颜色

我正在尝试使用以下代码更改我的应用程序中的系统导航栏颜色。 SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle( systemNavigationBarColor: Colors.white,)); 我能够...

回答 1 投票 0

flutter 中导航栏的子菜单

我的网站是用 flutter 制作的,当您单击用户名 (users.firstName) 的 NavbarItem 时,我需要为我的导航栏创建一个子菜单。 下面我把代码分享给大家。 N 级...

回答 1 投票 0

使用 boostrap 未显示导航栏品牌

我尝试修复我的导航栏品牌很长一段时间,但我不知道出了什么问题。当屏幕超过 750 像素时,徽标不会显示,但当屏幕低于该数字时,徽标会显示。这是我的代码...

回答 1 投票 0

如何使用媒体查询为响应式网页设计制作垂直导航栏(菜单)?

我首先为朋友创建了一个网站的桌面版本,因此,为了使该网站更有组织性以供移动使用,我一直在使用媒体查询。但我不知道如何组织...

回答 1 投票 0

引导程序中的折叠导航栏不起作用

所以我折叠的导航栏拒绝工作,我尝试更改我的 CDN,认为它可能是旧版本,但无济于事,所以这是我的代码: 所以我折叠的导航栏拒绝工作,我尝试更改我的 CDN,认为它可能是旧版本,但无济于事,所以这是我的代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>lift Gym</title> <!-- bootsrap style --> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous" /> <!--- customized style in index.css --> <link rel="stylesheet" href="index.css" /> </head> <body> <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <div class="container-fluid"> <a class="display1 navbar-brand" id="heading" href="#">lift Gym</a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation" > <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse"> <ul class="h4 navbar-nav ml-auto"> <li class="nav-item"> <a class="nav-link active ml-5 mr-5" aria-current="page" href="#" >Home</a > </li> <li class="nav-item"> <a class="nav-link ml-5 mr-5" href="#">about us </a> </li> <li class="nav-item"> <a class="nav-link ml-5 mr-5" href="#">Pricing</a> </li> <li class="nav-item"> <a class="nav-link ml-5 mr-3" href="#">contact us </a> </li> </ul> </div> </div> </nav> <footer class="py-5 mt-5 fixed-bottom" id="footerStyle"></footer> <!-- bbotsrap js --> <script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous" ></script> </body> </html> 当我尝试点击我的折叠时,它没有反应,所以我假设三是 js 的东西 我试图修复我只是不知道感谢帮助 您没有 id 的目标 navbarNav <nav class="navbar navbar-expand-lg navbar-dark bg-dark" > <div class="container-fluid"> <a class="display1 navbar-brand" id="heading" href="#">lift Gym</a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="h4 navbar-nav ml-auto"> <li class="nav-item"> <a class="nav-link active ml-5 mr-5" aria-current="page" href="#">Home</a> </li> <li class="nav-item"> <a class="nav-link ml-5 mr-5" href="#">about us </a> </li> <li class="nav-item"> <a class="nav-link ml-5 mr-5" href="#">Pricing</a> </li> <li class="nav-item"> <a class="nav-link ml-5 mr-3" href="#">contact us </a> </li> </ul> </div> </div> </nav> 代码层

回答 1 投票 0

如何制作一个不拉伸整个页面的水平居中导航栏?

我一直想制作一个不会拉伸整个页面的水平导航栏。最终遵循了有关如何制作与我的想法非常相似的导航栏的教程(https://cssde...

回答 1 投票 0

如何让这个动画导航栏响应式?

我有一个动画导航栏,我想在窄屏幕上将其从水平布局更改为垂直布局。 我尝试添加图像,但该帖子一直坚称我错误地添加了

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.