navbar 相关问题

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

如何在 React.js 中搜索或输入输入部分时固定导航栏搜索栏的位置?

实际上,最初 Navbar 的所有容器都处于完美位置。但是在搜索栏上键入或搜索电影时,它会在导航栏顶部向上。我认为 css f 中发生了一些事情...

回答 0 投票 0

有没有办法阻止我的下拉菜单将所有其他 li 元素向上移动?

我在我的网页的导航部分中有水平的 li 元素,其中一个 li 元素有一个下拉菜单,将鼠标悬停在它上面时,所有 li 元素都会被抬起并且下拉菜单居中。 我怎样才能...

回答 0 投票 0

尝试克隆 Usabilityhub 网站时,我没有在导航栏的一行中获得登录和注册按钮

我无法在同一行中制作登录按钮和其他导航链接。 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&family=Roboto:wght@400;700&fa...

回答 1 投票 0

如果我在同一个链接上,如何更改链接的样式?

我创建了一个导航,其中有四个链接,我希望当用户当前位于同一链接上时链接锚文本变为粗体。 如果用户在主页上,那么菜单中的主页应该是粗体 &...

回答 1 投票 0

关于如何将我的水平导航栏转换为移动设备上的窗帘覆盖的建议?

我有一个我目前满意的功能性导航栏,但是,我不喜欢它在较小屏幕上的堆叠方式。所以我决定将它转换成带有菜单按钮的窗帘覆盖层。

回答 0 投票 0

锚文本不显示在反应 js 的导航栏上

我在我的 React js 应用程序中创建了一个 Navbar.js 组件。我面临的问题是我的导航栏锚文本没有显示。当我删除 Bootstrap“collapse”类时,文本是

回答 1 投票 0

扩展引导导航栏菜单在断点处不起作用

我是 HTML/CSS 的新手,我目前正在使用 Bootstrap,我正在使用导航栏组件。 我已经移动了一些东西,调整了文本,并添加了一个标志,但是当我减小

回答 1 投票 0

没有附上标志和菜单

我是 html 和 css 的新手,现在我有一个任务要构建一个简单的网站,但是当我向下滚动页面时,我的徽标和菜单栏会向下移动。有人可以帮我解决这个问题吗?我的...

回答 1 投票 0

子路由中的导航是否重新呈现包含<Outlet />子所在的父元素?

我有三个组件,父组件,TeamIndex,以及两个子组件,Account 和 Dashboard 路由是 /team、/team/account 和 /team/dashboard 应用程序 ├── root.tsx └──路线 └── 团队指数 ...

回答 0 投票 0

(已解决)导航栏滚动到视图中导致单击时链接失败

编辑:问题已解决。我将保留此帖子,以帮助可能面临相同问题的其他人。该错误与让浏览器处理导航栏上的点击有关。通过添加

回答 0 投票 0

导航栏滚动到视图导致点击时链接失败

编辑:问题已解决。我将保留此帖子,以帮助可能面临相同问题的其他人。该错误与让浏览器处理导航栏上的点击有关。通过添加

回答 0 投票 0

试图在我的反应代码中理解 CSS 中的 Justify 内容。我尝试使用 justify content: space between 但它不起作用

`//我的HTML代码 画图机器人 概述`你的文字` 例子 `//My HTML code <div> <div className="picbot">PicBot</div> <ul className="navbarlist"> <li>Overview</li>`your text` <li>Examples</li> <li>Tour</li> <li>Blog</li> <li>Help</li> </ul> <button className="download">Download</button> </div>` // My CSS code .navbarlist { list-style: none; display: inline-flex; flex-direction: row; color: rgb(192, 190, 190); font-size: 18px; font-weight: 600; justify-content: space-between; } 我应用了 justify content: space between ul tag with className of .navbarlist expected the items on the list to space out evenly 但他们没有(我在 html 中使用 className 而不是 class 因为它是用 jsx 编写的)

回答 0 投票 0

CSS问题中下拉菜单的定位

对不起,我的工作一团糟,这是我的第一个大学项目,我认为这是一团糟。 我没有任何人可以参考,我花了几个小时试图解决我的烂摊子。我的下拉内容在

回答 1 投票 0

Javascript – 导航栏滚动到视图中导致单击时链接失败

我正在开发在线餐厅菜单。它有一个固定在顶部的水平导航栏。导航栏上的链接水平滚动,内容垂直滚动。链接指向#

回答 0 投票 0

Javascript – 导航栏滚动到视图功能导致单击时同一页面部分链接失败

我正在开发在线餐厅菜单。它有一个固定在顶部的水平导航栏。导航栏上的链接水平滚动,内容垂直滚动。链接指向#

回答 0 投票 0

如何切换我的导航栏以在移动视图中滑动?

我希望通过在移动视图中单击其图标来滑过我的导航栏,但我遇到了一些问题。它不是通过单击滑动。我确定我已经遵循了正确的 js 语法......

回答 1 投票 0

如何减少移动导航栏中链接之间的空间

我想减少我的链接之间的空间,但它会自动在它们之间设置空间,无论我做什么都不会让我改变空间。 &l... 我想减少我的链接之间的空间,但它会自动在它们之间设置空间,无论我做什么都不会让我改变空间。 <header class="header"> <a class="logo" asp-action="Index"> <img src="https://getbootstrap.com/docs/5.3/assets/brand/bootstrap-logo.svg" width="60" alt="logo" /> </a> <div class="navbar nav"> <a asp-action="Index">Home</a> <a href="#products">Products</a> <a href="#about">About Us</a> <a href="#contact">Contact Us</a> </div> <div class="icons"> <i class="fa-solid fa-cart-shopping "></i> <i class="fa-solid fa-magnifying-glass "></i> <i class="fa-solid fa-right-to-bracket "></i> <i class="fa-solid fa-bars " id="menu-btn"></i> </div> <div class="search-form"> <input type="search" id="search-box" placeholder="جستجو..." /> <label for="search-box" class="fa-solid fa-magnifying-glass"></label> </div> </header> @media screen and (max-width:991px) { #menu-btn { display: inline-block; } .header .navbar { position: absolute; top: 100%; left: 0; background: #13131a; width: 25rem; height: 100vh; align-items: flex-start; } .header .navbar a { color: #fff; display: block; margin: 2rem; padding: 0.5rem; font-size: 3rem; } } 我试图改变边距和填充,但链接之间仍然有很大的空间。 我认为问题出在身高上。 这是它的图像:

回答 0 投票 0

如何制作带有模糊效果 CSS 的下拉列表

我试图让我的下拉菜单具有与我的导航栏相同的不透明度和相同的模糊效果,不透明度工作正常,但模糊效果没有。 听说要用伪类来实现...

回答 0 投票 0

有人可以帮我解决导航栏上的切换按钮吗?

所以当我的导航栏在平板电脑和移动设备上时需要帮助。当您单击下拉按钮时,我需要它占据整个页面。基本上当我点击时它必须占据整个高度......

回答 0 投票 0

当您在导航栏的搜索框中键入内容时,搜索框会更改位置

这是一个关于它看起来如何的视频视频 我试着把它改正,但我做不到。我很困扰。据我所知,当电影名称出现在屏幕上时,搜索按钮位于导航栏上方。我...

回答 0 投票 0

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