navbar 相关问题

如何在 ASP.NET core Razor 页面的导航栏中显示用户名

我正在使用 Windows 身份验证处理 ASP.NET 核心 Razor 页面。 我创建了一个 WindowsIdentity.cs 类，它使用 HttpContext.Current.User 获取 Windows 身份验证用户的身份。

悬停时中殿栏中的放大镜图标我希望它与其他导航栏链接大小相同

我想知道我在导航栏中的搜索图标有什么问题当我将鼠标悬停在它上面时它的填充太小，当我增加填充时，整个导航栏大小增加，我该怎么办？ 谢谢.... 合作...

我想让正常大小的浏览器链接变成移动大小的菜单下拉框？

从“反应”导入反应； 从“react-router-dom”导入{链接}； 函数头（）{ 返回（ <> 能力餐... import React from "react"; import { Link } from "react-router-dom"; function Header(){ return( <> <h1 className="title">Ability Meals</h1> <nav style={{margin:10}}> <Link to="/" style={{ padding: 5 }}>Home</Link> <Link to="protein" style={{ padding: 5 }}>Protein</Link> <Link to="recipe" style={{ padding: 5 }}>Recipe</Link> <Link to="random" style={{ padding: 5 }}>Random</Link> </nav> </> ) }; export default Header;

HTML 文件扩展名工作但 PHP 不工作

创建我的网站后，是时候将我的文件上传到实时服务器了。在本地服务器上一切正常，但是当我上传时，链接其他页面（关于、联系）的 .html 扩展名工作...

Navbar Toggler 正在关闭点击屏幕上的任意位置

我的导航栏中有一个下拉菜单。当我调整屏幕大小并使其变小时，会出现导航栏切换按钮，当我单击它时，导航栏菜单会在屏幕左侧打开。我可以...

菜单容器宽度错误（如果汉堡菜单打开，从汉堡过渡到扩展模式时变为 100% 宽度）

（当我用 flexbox 解决了我的一个问题和另一个问题时进行了编辑。只剩下一个问题，再加上一件小事。） 我正在用 CSS 加上 vanilla javascript 构建一个菜单...

如何在 react-bootstrap 中创建搜索栏

我希望当标题扩展到大尺寸时，搜索栏应该替换为搜索图标，并且应该显示在标题上，而不是切换菜单栏中。 这是代码： 进口布...

创建左侧标题和右侧按钮的导航栏

这就是我的导航栏现在的样子： 这就是我想要的样子（标题在左边，按钮在右边）： 我将导航栏分成一个左对齐的列表，用于

为什么我的 iPhone 会突出显示导航图标？如何关闭它？

在这里输入图片描述 [在此处输入图片描述](https://i.stack.imgur.com/krKrs.png) 为什么所有这些应用程序在导航栏下方都有突出显示的阴影？如何摆脱它？

React Bootstrap - 如何使用 Rows 和 Cols 将 Navbar 中的搜索框与主体的中心卡片对齐？

我当前的页面是这样的： 页面截图 我希望导航栏中的搜索框与正文中的中心卡片列对齐（您可以在其中看到创建帖子）。 这是我

带有徽标的水平导航栏

我正在努力解决以下问题，你能帮忙吗？ 我希望徽标在左侧并排对齐，链接在 : [标志 1] [标志 2] [标志 3] (

如何使导航栏选项卡在选中时突出显示？ （没有 JS）

我希望导航栏选项卡在单击时以黄色突出显示，并保持这种状态，直到我单击另一个选项卡。我需要使用 CSS :target 选择器并且不能使用 JS。 我尝试了很多

闪亮应用程序导航栏面板上的动作底部

在我的简单示例中，我有一个闪亮的应用程序，我想在导航栏面板中添加一个动作底部，我唯一能做的就是将动作底部作为选项卡面板标题： 图书馆（闪亮）

Bootstrap 5 导航栏不会展开

我的 I bootstrap 5 导航栏仅与内容一样宽。我希望它能扩大容器的长度。当我更改 navbar-expand-?环境。 我的 I bootstrap 5 导航栏只和内容一样宽。我希望它能扩大容器的长度。当我更改 navbar-expand-?? 设置时它不会改变。 <div class="container p-3 my-3 bg-primary text-white"> <h1>Pets to Go <span class="material-icons">pets</span></h1> <nav class="navbar navbar-expand-xl"> <div class="container-fluid"> <!-- Links --> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" href="index.html">Home</a> </li> <li class="nav-item"> <a class="nav-link" href="about.html">About Us</a> </li> <li class="nav-item"> <a class="nav-link" href="our_pets.html">Our Pets</a> </li> <li class="nav-item"> <a class="nav-link" href="current_pets.html">Current Pets</a> </li> <li class="nav-item"> <a class="nav-link" href="contact.html">Contact</a> </li> </ul> </div> </nav> <!-- close navbar --> </div> <!-- Close main container --> 知道是什么限制了这个吗？ 在我看来问题是容器 div 中的 p-3 和 my-3 类 <div class="container p-3 my-3 bg-primary text-white"> 试着换成这个 <div class="container bg-primary text-white"> 并仅在容器内需要的特定 div 中分配 p-3 和 my-3

带有多个下拉菜单的 React Navbar

我是网络开发的新手，我需要创建一个具有多个下拉菜单的导航栏。如您所见，我设法为 navItem 'QA' 创建了它。但我需要为 QA 创建下拉菜单，U...

修复了导航栏，PC 共享到移动设备以横向查看，但导航栏溢出到导航栏内容的右侧。 [HTML, CSS]

在 PC 上完成我的导航栏并将代码共享到我的 iPhone 以横向和纵向查看。在景观中，导航栏在右侧溢出。添加了 env(safe-area-inset) 值 f...

CSS 溢出在导航栏中被忽略

CSS 中的某些东西只是，嗯，令人困惑。这是我的代码： html, 正文 { 保证金：0； 填充：0； } .navbar { 定位：粘性； 顶部：0； 左：0； 宽度：计算（100% - 40px）...

为什么我的子菜单显示一次，然后锁定？当我在子菜单外单击时它也不会关闭

我一直在努力解决这个问题。问题是我的子菜单有时会显示，有时不会，所以我不知道什么有效，什么无效。当我点击时它也不会关闭...

ReactJS中如何点击导航栏移动到对应的组件？

我使用 React 类组件，react-router-dom v5。 这是我的 Homepage.js 文件，你可以在这里看到一些组件： 我使用 React 类组件，react-router-dom v5. 这是我的 Homepage.js 文件，你可以在这里看到一些组件： <div> <HomeHeader isShowBanner={true} /> <Specialty settings={settings} /> <MedicalFacility settings={settings} /> <OutStandingDoctor settings={settings} /> <HandBook settings={settings} /> <About /> <HomeFooter /> </div>` 这是 HomeHeader 组件： <React.Fragment> <div className='home-header-container'> <div className='home-header-content'> <div className='left-content'> <i className='fas fa-bars'></i> <img src={logo1} className='header-logo' alt='' onClick={() => this.returnToHomePage()} ></img> </div> <div className='center-content'> <div className='child-content'> <div> <b> <FormattedMessage id='homeheader.speciality' /> </b> </div> <div className='subs-title'> <FormattedMessageid='homeheader.searchdoctor' /> </div> </div> <div className='child-content'> <div> <b> <FormattedMessage id='homeheader.health-facility' /> </b> </div> <div className='subs-title'><FormattedMessage id='homeheader.select-room' /></div> </div> <div className='child-content'> <div> <b> <FormattedMessage id='homeheader.doctor1' /> </b> </div> <div className='subs-title'><FormattedMessage id='homeheader.select-doctor' /></div> </div> <div className='child-content'> <div> <b> <FormattedMessage id='homeheader.handbook' /> </b> </div> <div className='subs-title'><FormattedMessage id='homeheader.handbook-des' /></div> </div> <div className='child-content'> <div> <b> <FormattedMessage id='homeheader.medical-package' /> </b> </div> <div className='subs-title'><FormattedMessage id='homeheader.generalHC' /></div> </div> </div> <div className='right-content'> <div className='support' onClick={() => this.handleViewSupportPage()}> <i className='fa fa-question-circle'></i> <FormattedMessage id='homeheader.support' /> </div> <div className='flag'> <div className={language === LANGUAGES.VI ? 'language-vi active' : 'language-vi'}><span onClick={() => this.changeLanguage(LANGUAGES.VI)}>VN</span></div> <div className={language === LANGUAGES.EN ? 'language-en active' : 'language-en'}><span onClick={() => this.changeLanguage(LANGUAGES.EN)}>EN</span></div> </div> </div> </div> </div> 如何在 HomeHeader 中单击医生标签时自动滚动到 Doctor 组件？非常感谢！ 如何在 HomeHeader 中单击医生标签时自动滚动到 Doctor 组件？非常感谢！

将 HTML 网站转换为 React - 加载我的外部 JS 文件时出现问题

我正在尝试将我的测试网站从 HTML 转换为 React，以便我可以与我的 AWS API 网关、Lamda 函数和 DynamoDB 进行通信。 我现在有 90% 的工作，我可以创建用户，...