navbar 相关问题

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

如何在css中对导航栏进行左右对齐

我正在尝试在reactjs中为导航栏进行左右对齐,但我不知道如何为右侧图标制作它。图标保持垂直,我想学习如何将它们分成左侧...

回答 1 投票 0

导航栏的嵌套 Flexbox

我一直在努力使用 React 制作下拉导航栏,类似于下图 - 我的代码 - 导航栏.jsx 从 'react' 导入 React, { useState } 导入'./NavBar.css' 常量导航栏 = () =>...

回答 1 投票 0

如何使用打字稿制作 HTML 代码?

我没有 javascript 和 typescript 的经验。当我使用 PHP 时,我将导航栏制作成一个可以回显 html 代码的函数。这也可以使用打字稿来实现吗?我做了一个功能...

回答 1 投票 0

如何以编程方式从组件类中选择角度引导导航选项卡

嗨,如何在组件类中获取对 ngbNav ng-bootstrap 组件的引用,以便我可以通过编程方式选择某些选项卡? 这不起作用: @ViewChild('nav') 导航? : 元素参考 您好,如何在组件类中获取对 ngbNav ng-bootstrap 组件的引用,以便我可以通过编程方式选择某些选项卡? 这不起作用: @ViewChild('nav') nav? : ElementRef<NgbNav>; 在我的 html 模板中,我有: <ul ngbNav #nav="ngbNav" [(activeId)]="active" (navChange)="onNavChange($event)" class="nav-tabs"> 你的方法似乎对我有用 - 我只需要添加一个方法来选择选项卡;您可以调用 this.nav.select(index); 以编程方式选择您需要的选项卡(选项卡索引从 1 而不是 0 开始)。 我已经创建了一个演示here - 单击选项卡下方的按钮以选择第三个选项卡。代码是: HTML <button (click)="selectTab()">Select Tab 3</button> TypeScript @ViewChild("nav") // Get a reference to the ngbNav nav; selectTab() { // Programatically select the third tab this.nav.select(3); } 我创建了这个解决方案,可以与 NavTab 的新 API 很好地配合,此外我还添加了新表单,允许为 ngbNav 和 ngbNavItems 创建自定义名称 链接:演示 TS: @ViewChild('navCustom') nav; active = 'tab1'; selectTab() { this.nav.select('tab3'); }

回答 2 投票 0

BottomNavigationView android 圆角和缩放选定的菜单项

我正在努力实现这样的目标 我发现 lib 可以帮助我制作类似但不一样的东西。 https://github.com/tommybuonomo/morph-bottom-navigation 这是我对 l...

回答 1 投票 0

React-Bootstrap Offcanvas 触发我的导航栏。切换以打开和关闭我的导航栏

我正在使用 React-Bootstrap 开发一个导航栏,其中包含一个购物车图标按钮,该按钮将我的 Offcanvas 显示为迷你购物车(您可以在整个网站上向其添加项目的购物车,而无需...

回答 1 投票 0

如何修复我的下拉列表显示相互重叠的问题?

经过一番努力,我终于设法让下拉按钮显示在屏幕顶部,适合导航栏,并出现在彼此旁边。然而,现在两者的下拉菜单......

回答 1 投票 0

主要内容不是从顶部开始,在桌面视图中被推离页面

使用媒体查询,我将最小宽度设置为 680px。我已将其设置为导航栏位于屏幕左侧的位置。问题是你所看到的就是这些。主要内容应该在...

回答 1 投票 0

当我单击导航栏上的锚点时,它会将我带到那里,但部分内容被导航栏本身隐藏了

所以我在网上看到了一些模板,当您单击导航栏上的锚点时,页面会将您带到该部分,并且分区完全对齐,这意味着您在

回答 3 投票 0

为什么我的下拉菜单无法正常显示

我正在尝试为我的项目获取下拉菜单,但菜单未显示。 这是 HTML @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap'); * { ...

回答 1 投票 0

React NextUI 导航栏:图标不显示在移动视图中,而是显示“打开导航菜单”和“关闭导航菜单”文本

我目前正在学习如何使用 React 创建响应式导航栏,并且为此使用 NextUI 库。我按照 NextUI Navbar 文档并从“With Menu&

回答 1 投票 0

滚动移动菜单项上的导航栏动画文本徽标

我有一个独特的问题,我希望有人可以帮助解决。 这是正在发生的事情的 .gif。 正如您所看到的,当徽标动画时,它会左右移动菜单项,我有 tr...

回答 1 投票 0

浮动导航栏未固定到位

我有一个浮动的导航栏反应组件,如下所示: 当我尝试复制这一点时,当屏幕尺寸减小几个像素时,我的导航栏往往会向右移动。 &l...

回答 1 投票 0

如何让固定的导航菜单滚动时透明?

我一直在研究如何使导航栏透明,但我找不到我犯了哪些错误。目前菜单根本没有改变任何人都可以给我一个c的例子...

回答 1 投票 0

当带有弹出窗口的元素打开时,我的导航栏不可见

我正在使用弹出窗口创建带有菜单的导航,但是当弹出窗口打开时,导航栏被隐藏,我设置的 z 索引已经太多了,所以它应该是我认为最高的 导航栏链接弹出窗口代码 /// ...

回答 1 投票 0

Flutter 容器 borderRadius ,白色背景

我正在使用底部导航栏的容器。导航栏有 borderradius borderRadius: BorderRadius.only( 左上:Radius.circular(30), 右上:半径.circula...

回答 1 投票 0

下拉菜单没有背景,因此页面文本显示出来,如何在下拉菜单后面放置一个框?

我做了一个导航栏,有一个下拉菜单。我需要找到一种方法在下拉菜单后面放置一个框,因为当您尝试阅读菜单时,所有内容都会显示在下面。这是html...

回答 1 投票 0

如何制作带有曲线的自定义底部导航栏?

如何制作带有这样的曲线的自定义导航栏?当选择特定的导航栏项目时,我试图制作一个带有这样的曲线的导航栏。我现在已经用了容器了,我该怎么办...

回答 1 投票 0

如何通过单击来关闭此导航栏?

`导入'./SideNavBar.scss'; 从'react'导入{useState}; 从 '../assets/icons' 导入 { Cancel01Icon, Menu01Icon }; 从'react-router-dom'导入{链接}; const SideNavBar = () => { c...

回答 1 投票 0

使用 bootstrap5 使导航栏开始/结束边距左右接近边缘

如果我删除ms-2,它会向右移动,放回去,它会向左移动。 我已经尝试了各种选项,但我似乎无法理解它是如何工作的,以及需要的顺序。我发现启动...

回答 1 投票 0

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