navbar 相关问题

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

当导航栏在 Bootstrap 5 中折叠时将导航栏品牌移至中心

在 Bootstrap 5 中,当导航栏折叠时,如何将导航栏品牌移动到中心(当导航栏展开时,保持在左侧/右侧)

回答 1 投票 0

如果我在 laravel tweet navigation.blade.php 上添加新的导航链接,则路线未定义

我想从navigation.blade.php 文件中在导航栏中添加一个新按钮。但是在链接中添加并指定现有路线后,尝试加载的仪表板崩溃并显示

回答 1 投票 0

如何修复顶部的导航栏而不被破坏?

我正在使用 React 和 Tailwind CSS 开发一个作品集网站。当我设计导航栏时,我想要在它上面有悬停效果,所以我从这个 codepen 复制了悬停效果: 用于悬停效果的 codepen ...

回答 1 投票 0

javascript 汉堡菜单不适用于 Node/ejs

我正在尝试使用汉堡菜单作为导航栏,但它不起作用。 我首先遇到一个问题,加载页面时在终端中收到“GET /javascript/menu.js 404”。这个我...

回答 2 投票 0

Bootstrap 5.3 导航栏下拉菜单不起作用

这是我的代码。我不知道问题所在。我也尝试过 bootstrap 5.2 和 5.1,但这也不起作用。我在 Chrome 和 Firefox 中都打开了它,但在任何人中都不起作用。有人有解决办法吗? ...

回答 1 投票 0

使用汉堡功能时未应用 tailwind 类

我正在尝试自己实现汉堡包功能,效果很好。但是当我在移动设备上测试它时,导航链接被视为普通文本。顺风课没有进行

回答 1 投票 0

如何使navbar及其元素根据hover和scrollY而变化?

嗨,我正在制作一个根据悬停和滚动而变化的导航栏。 以下是要求: 当scrollY > 0时(这意味着导航栏不在顶部): 导航栏背景颜色->“#fff” ch...

回答 1 投票 0

我试图在单击导航栏中的按钮后显示侧边栏。我做了JS功能,但是点击后没有任何显示

我试图在单击导航栏中的按钮后显示侧边栏。我已经制作了 JS 功能,但是单击导航栏按钮后没有任何显示。 这是我的 html 和 css 代码片段。 ...

回答 2 投票 0

将鼠标悬停在移动下拉菜单内进行下拉

谁能帮助谁, 我遵循了有关如何将鼠标悬停在导航栏中的“工作”上时创建带有下拉菜单的导航栏的视频教程。我能够得到这一部分,但视频教程没有...

回答 1 投票 0

我尝试在单击导航栏中的按钮后显示侧边栏。我做了JS功能,但是点击后没有任何显示,请帮忙

我尝试在单击导航栏中的按钮后显示侧边栏。我已经做了JS功能,但是点击导航栏按钮后没有任何显示,请帮忙。 这是我的 html 和 css 代码

回答 1 投票 0

将导航栏中的图片向右移动

我有一个带有 img 的导航栏。默认情况下,它位于页面左侧。我想将其显示在右侧 .标志-img{ 浮动:右; 边距:0px 15px 15px 0px; 我有一个带有 img 的导航栏。默认情况下,它位于页面左侧。我想显示在右边 .logo-img{ float: right; margin: 0px 15px 15px 0px; <a class="navbar-brand logo-img" href="#"><img src="images/my_graphic_transparent.jpg" alt="shield" width="90" ></a> 我尝试在样式区域中创建 .log-img,然后在类导航栏中使用它,但是图形不会移动到右侧 .logo-img{ float: right; margin: 0px 15px 15px 0px; <a class="navbar-brand logo-img" href="#"><img src="images/my_graphic_transparent.jpg" alt="shield" width="90" ></a> 如果您使用 Bootstrap-5,您可以在父容器中使用 d-flex 类作为链接,如下所示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous"> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous" defer></script> <title>Document</title> </head> <body> <nav class="navbar bg-light"> <div class="container d-flex justify-content-end"> <a class="navbar-brand" href="#"> <img src="/img/cat.svg" alt="Bootstrap" width="60" height="54"> </a> </div> </nav> </body> </html> 这是结果:

回答 1 投票 0

带有多个导航栏的引导滚动间谍

这是一把小提琴。 由于此问题中描述的有关创建响应式导航菜单的问题,我需要有两个相同的导航元素,一个对于小屏幕可见,另一个对于...

回答 5 投票 0

“已修复”导航栏但消失了

我(深深地..)遇到了导航栏的问题,当我们向下滚动时,导航栏消失了,尽管经典的CSS位置:固定分配给了它的类。 我认为这是由于我使用了一些 css 来实现视差

回答 1 投票 0

yii2 带下拉菜单的导航栏

在默认导航栏上进行一些简单的编辑后,我得到了下面菜单的代码......如果我添加更多菜单,那将非常难看。 ...

回答 2 投票 0

缩小菜单Html/CSS/JavaScript

我是一个初学者(代码和英语......!),所以请原谅我困扰我的问题,对于一个优秀的开发人员来说可能很容易! 我编写了一个导航栏,当用户向下滚动并向下滚动到正常状态时,该导航栏会缩小

回答 1 投票 0

是否可以创建一个导航栏,在结构发生变化时更新所有页面?

如果我表达得不好,我很抱歉。我刚刚编写了一个产品评论网站。我在每个页面的标题中都有导航栏代码,当然我将其从一个页面粘贴到另一个页面。 不过,我可能...

回答 3 投票 0

scrollIntoView() 导致导航栏消失,直到页面刷新

当我使用scrollIntoView({behavior: "smooth"})时,页面滚动到所需的元素。但随后我的导航栏消失了,即使滚动回顶部也是如此。仅当我刷新页面时才会出现...

回答 1 投票 0

我无法在导航栏和内容之间创建间隙

我尝试创建一个“固定”导航栏,但导航栏与网站内容重叠。我已经尝试过几种可能性,例如 top、margin 和 p...

回答 1 投票 0

隐藏文件夹侧边栏上的溢出

我正在努力制作一个基本的 CSS 侧边栏,但我不明白为什么。它似乎适用于 codepen 示例,但我可能会错过一些东西。 这里我在 Astro 组件中有一些代码(带有

回答 1 投票 0

如何在不影响导航栏或文本的情况下使背景图像变灰?

所以基本上我试图将我的背景图像(OldRag.jpg)变灰,但将导航栏和主页上的其他文本保留在其上方并且仍然是彩色的。我粘贴的代码的背景是...

回答 1 投票 0

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