navigationbar 相关问题

导航栏是UI的一部分,通常用于网页和移动应用程序,由一组按钮,菜单或链接组成,这些按钮,菜单或链接指向主要部分或最常用的内容或资源,通常排成一排定位沿着左边缘定位的顶部边缘或列。此标签应用于主题与导航栏的设计或功能特别相关的问题。

仅将 CSS 样式添加到一个 HTML 元素

我刚刚开始学习网络开发,遇到了一些问题。在我当前创建的网站中,我有一个导航菜单。不过,我还有其他 ul 和 li 元素

回答 5 投票 0

Flutter 底部导航栏:将索引计数器放置在脚手架中的何处才能工作?

我正在努力实现底部导航栏。具体来说,我试图将“索引”与主体放置在一起,就像我发现的所有示例一样,但主体元素已经具有响应式屏幕

回答 1 投票 0

Vuejs - 如何将视图放在导航栏下

我正在尝试组织我的视图(此处为 CopiView),以便它们显示在导航栏下方。 对于这个视图,我有一个名为“Copi!”的 h1。使用下面显示的代码,h1 位于

回答 1 投票 0

隐藏导航栏android

如何在Android中隐藏导航栏以及从哪个Android版本? 我想让应用程序全屏显示。应用程序运行时不会显示导航栏。 请给我详细的信息...

回答 3 投票 0

使用 SwiftUI 设置导航栏标题字体

这是一个 SwiftUI 问题,而不是 UIKit 问题。 :) 我正在尝试使用 SwiftUI 为导航栏标题设置不同的字体。我怀疑这还不受支持。这是我尝试过的...

回答 7 投票 0

导航标题显示模式可以动画化吗?

如何在SwiftUI中切换导航显示模式时实现流畅的动画?我尝试过将 navigationBarTitle 修饰符与 .large 和 .inline 模式一起使用,而显示...

回答 1 投票 0

flutter:如何设置导航栏的样式

我想匹配底部导航栏的figma设计: 这是代码: 返回脚手架( 底部导航栏:导航栏( onDestinationSelected: (int 索引) { 日志调试('

回答 1 投票 0

如何减少Material3 NavigationBar的顶部和底部填充

我使用material3 NavigationBar作为底部导航。 即使在规格中,它看起来也很厚 - https://m3.material.io/components/navigation-bar/specs 如何从 to 中删除一些填充...

回答 0 投票 0

如何在 SwiftUI 中弹出到 rootView,而不在我的 rootView 中获得一开始就不存在的导航栏?

问题:即使我在主视图上设置 .toolbar(.hidden, for: navBar) ,当弹出到 rootViewController 时,我也会得到一个奇怪的 navBar 。 这是我现在正在尝试修复它的代码 进口S...

回答 0 投票 0

底部导航栏在切换片段后被删除

从导航栏不可见的片段返回后,底部导航栏将被删除。该怎么办 这是重新调整底部导航的片段...

回答 0 投票 0

垂直对齐导航栏的 ul 列表项

我正在尝试重新创建自定义导航栏。如图所示,导航栏有四个按钮。 但是,在我的导航栏中,其中一个按钮似乎总是聚在一起。我想看看是不是因为la...

回答 4 投票 0

如何使用 Bootstrap 5.3 将导航栏定位到右侧?

这是我的代码。 Tindog 这是我的代码。 <nav class="navbar bg-dark navbar-expand-lg navbar-dark"> <a class="navbar-brand" href="">Tindog</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav ml-auto"> <li class="nav-item"> <a class="nav-link" href="">Contact</a> </li> <li class="nav-item"> <a class="nav-link" href="">Pricing</a> </li> <li class="nav-item"> <a class="nav-link" href="">Download</a> </li> </ul> </div> </nav> 我尝试使用 Bootstrap 中的位置,但没有用。 你表示你使用 bootstrap 5.3,但你确实使用 bootstrap 4 < classes and data attributes. 例如,不再使用data-target,而是使用data-bs-target。 您还仍然使用 margin-left 类 ml-auto 但是 bootstrap 5+ 使用“开始”和“结束”所以您必须使用 ms-auto. 您已将 ms-auto 添加到 <ul>,但要获得所需的结果,您需要将其添加到 <li> 元素。 例子: <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script> <nav class="navbar bg-dark navbar-expand-lg navbar-dark px-3"> <a class="navbar-brand" href="">Tindog</a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse p-2" id="navbarSupportedContent"> <ul class="navbar-nav"> <li class="nav-item ms-auto"> <a class="nav-link" href="">Contact (ms-auto)</a> </li> <li class="nav-item mx-auto"> <a class="nav-link" href="">Pricing (mx-auto)</a> </li> <li class="nav-item"> <a class="nav-link" href="">Download</a> </li> </ul> </div> </nav>

回答 1 投票 0

我们可以在每个屏幕上有一个没有功能缺点的 NavigationBar 实例吗?

使用 Jetpack Compose 和 Material Design 时,是否可以在每个屏幕上使用新的 NavigationBar(又名 BottomNavigationBar)?或者这会中断例如触摸动画作为新的导航...

回答 1 投票 0

NavigationView 在屏幕顶部引入空白

引入 NavigationView 似乎在屏幕顶部注入了空白。 没有它,文本位于顶部。 代码是基本的: var body: 一些视图{ 导航视图{ VStack {...

回答 1 投票 0

SwiftUI Navigation Bar 本地化标题不变

导航栏的本地化标题存在问题。 当我更改 Locale 环境对象时,导航堆栈的非根视图的导航栏标题将不会更改。 请检查

回答 0 投票 0

在 SwiftUI 中关闭键盘后导航栏不返回默认显示模式

我遇到了 SwiftUI 中导航栏行为的问题。当我视图上的 TextField 获得焦点并出现键盘时,导航栏切换到内联显示模式,w ...

回答 0 投票 0

如何让我的导航栏右对齐?

我对 html 和 CSS 还很陌生。这是我为前端 Web 开发课程制作的主页代码。我一直在摆弄 CSS 和 HTML 以使我的导航栏右对齐但是......

回答 2 投票 0

在自定义 android11 操作系统中隐藏来自 SystemUI 的导航栏

已经阅读文章如何在 android 活动中永久隐藏导航栏? 还尝试过在活动中永久隐藏导航栏 但这不是我想要的 我的问题是...

回答 0 投票 0

导航栏在更改页面时移动位置,如何解决这个问题?

如果我转到另一个页面,我的导航栏位置会下降。我怎样才能让它保持固定但在滚动时不让它停留在顶部? 如果我转到另一个页面,我的导航栏位置会下降。我怎样才能让它保持固定但在滚动时不让它停留在顶部? <body> <nav class="container-nav"> <ul> <li class="current-page"><a href="index.html">Startpagina</a></li> <li><a href="overons.html">Over ons</a></li> <li><a href="nieuwsberichten.html">Nieuwsberichten</a></li> </ul> </nav>` .container-nav {float: right;} 不确定我是否完全理解你的问题。您希望您的导航栏始终保持在顶部吗? 如果是这样,那么您可以像这样使用 position: sticky css 规则: <body> <nav class="container-nav"> <ul> <li class="current-page"><a href="index.html">Startpagina</a></li> <li><a href="overons.html">Over ons</a></li> <li><a href="nieuwsberichten.html">Nieuwsberichten</a></li> </ul> </nav> CSS .container-nav{ position: sticky; top: 0; left: 0; height: 80px; /* Or use any height you want */ } 希望有帮助。

回答 1 投票 0

导航栏在更改页面时移动位置,如何解决这个问题?

如果我转到另一个页面,我的导航栏位置会下降。我怎样才能让它保持固定但在滚动时不让它停留在顶部? 如果我转到另一个页面,我的导航栏位置会下降。我怎样才能让它保持固定但在滚动时不让它停留在顶部? <body> <nav class="container-nav"> <ul> <li class="current-page"><a href="index.html">Startpagina</a></li> <li><a href="overons.html">Over ons</a></li> <li><a href="nieuwsberichten.html">Nieuwsberichten</a></li> </ul> </nav>` .container-nav {float: right;}

回答 0 投票 0

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