navbar 相关问题

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

如何从导航栏中删除顶部和底部填充

我想删除顶部和底部的填充,这样它们就可以看起来像 我的导航栏 到 官方 Wix.com 导航栏 我今天大部分时间都在尝试解决这个问题我试图用 !

回答 1 投票 0

从 Offcanvas 中排除搜索框时导航栏不对齐

我正在为我的导航栏使用 Bootstrap 5.3 alpha2 示例。我希望搜索框显示在移动视图中,因此我将其从“collapse navbar-collapse d-lg-flex”类中排除。 但是……

回答 0 投票 0

如何使用 Excel 宏 VBA 自动填写 Web 表单

我尝试编写自动化的网络表单填写 子测试 1() 昏暗的 IE 作为对象 将 doc 变暗为 HTMLDocument 设置 IE = CreateObject("InternetExplorer.Application") IE.Visible =...

回答 0 投票 0

CSS 滚动位置

师兄们好,我是网页设计新手。在下面的代码中,当我向下滚动时,黄色容器工作正常(即在导航栏下方移动)。但是红色容器正在滚动...

回答 1 投票 0

单击 RouterLink Angular 时折叠的导航栏不会关闭

我有一个引导导航栏,但链接使用 [RouterLink] 所以当我在手机屏幕上时它不会崩溃。我在每个链接中添加了 data-bs-toggle="collapse" data-bs-target="#navbar" ...

回答 0 投票 0

R Shiny - 适合屏幕的列

我的应用程序不适合屏幕。第一个面板设置为 4 列,绘图输出设置为 8,总共 12,但它们不适合整个屏幕,任何想法......

回答 1 投票 0

导航栏组件未显示在网页上

我的 Navbar 组件没有出现在我的 React 网页上……这是代码: 这是我的反应代码:

回答 0 投票 0

当我调整窗口大小时或在移动设备上,响应式导航栏不显示菜单

我正在尝试建立我的第一个网站,一个星期以来我一直被这个问题所困扰。当我调整窗口大小时或当我在暴民上使用该网站时,我想创建一个带有汉堡菜单的响应式导航栏...

回答 1 投票 0

单击后无法从导航栏链接中删除 .change 类

我正在尝试实现一个粘性导航栏,它在用户上下滚动页面时添加和删除 .change 类以链接元素。它似乎在大多数情况下都有效,但是,当...

回答 0 投票 0

可能是 Bootstrap 框架导致“朋友”导航项无法正确显示

我是 Bootstrap 的新手,混合使用 Bootstrap 4 和 Bootstrap 5 代码。我试图在导航栏中显示“朋友”和“关于我们”链接,但它们甚至都没有出现 代码是 我是 Bootstrap 的新手,混合使用 Bootstrap 4 和 Bootstrap 5 代码。我试图在导航栏中显示“朋友”和“关于我们”链接,但它们甚至都没有出现 密码是 <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <%= link_to 'Friend App', root_path, class:"navbar-brand" %> <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" id="navbarSupportedContent"> <ul class="navbar-nav mr-auto"> <li class="nav-item"> <%= link_to "About Us", home_about_path, class:"nav-link" %> </li> <li class="nav-item"> <%= link_to "Friends", friends_path, class:"nav-link" %> </li> </ul> <form class="d-flex" role="search"> <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search"> <button class="btn btn-outline-success" type="submit">Search</button> </form> </div> </div> </nav> 我检查过 friends_path 是在我的 routes.rb 文件中定义的。我确定它与您应用程序中“朋友”页面的正确路径匹配。 我确保 friends_path 返回正确的 URL。您可以通过打开浏览器的控制台并检查网络请求以查看是否请求了正确的 URL 来检查这一点。 但是除了导航栏中的朋友应用程序之外什么都没有出现 它必须看起来像这样 谢谢你的时间 显然是一个空间问题,在像素更多的浏览器中工作正常,只需最大化它。您可以通过将<%= link_to "About Us", home_about_path, class:"navvar-brand" %>放在Friend App旁边来修复它的任何方法 所以最后的标题保持这样 <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <%= link_to 'Friend App', root_path, class:"navbar-brand" %> <%= link_to "About Us", home_about_path, class:"navvar-brand" %> <button class="navbar-toggler" type="button" ... and so on

回答 1 投票 0

汉堡图标点击不显示菜单

我正在尝试建立我的第一个网站,我已经被这个问题困扰了两天。我想在调整窗口大小时或在

回答 1 投票 0

为什么内容与导航栏一起显示?为什么在navbar之后显示不了?

图片在这里 您好,我正在创建英雄部分,但我正在编写的信息显示在导航栏中。我希望它显示在导航栏下。我找不到解决方案。请帮忙。我不是一个好...

回答 3 投票 0

如何通过点击引导切换来保持固定的其他元素

同一个导航栏有两个菜单(左和右)和中间的品牌。 当我单击其中一个菜单切换时,其他元素会从原始位置移动。 如何避免这种行为? ...

回答 0 投票 0

<img> 和<nav> 没有将自己推到最大宽度

我有一个带有全局导航栏的固定标题。问题是 globalnav 中的徽标和导航菜单没有将自己推到容器的最大宽度。

回答 2 投票 0

如何在 React 中制作可重用的导航栏组件?

最近在尝试做一个react网站。我的主页组件在下面。我的项目中有很多页面。我仍然是 reactjs 的新手。我需要知道如何制作可重复使用的导航栏

回答 1 投票 0

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

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

回答 2 投票 0

更改下拉标题的字体颜色

我正在使用 react-bootstrap NavBar 组件,我正在玩 NavDropdown,它只是导航栏中的下拉菜单。 在我的页面中,我有 2 个下拉菜单,如图所示。 我想要的是……

回答 1 投票 0

输入项目编号不起作用/但从下拉列表中选择项目正常工作

在尝试通过输入数字选择项目时,在此处输入图像描述会弹出 MsgBox,但单击下拉列表时它可以正常工作。 添加项目时在此处输入图像描述

回答 0 投票 0

Bootscrap NavigationBar 不显示下拉菜单,全屏菜单也没有按预期与标题间隔

代码: 丁狗 代码: <nav class="navbar 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> 头部添加了 js 和 html 的 Bootscrap CDN 链接: 期望:1.根据下图,导航栏在桌面上的间距应该是这样 但是我得到了这个: 此外,在平板电脑和手机上,导航栏应该在点击时下拉菜单,但我的没有,为什么? PS:不要介意背景颜色 我上面已经解释过了 你忘了添加 bg-dark 类到导航。代码应该是这样的: <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <div class="container-fluid"> <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> <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> 我将 navbar-brand 包装在一个 div 标签中,其中还有一个名为 container-fluid 的类。 看起来更好

回答 1 投票 0

Bootstrap 5 透明导航栏不工作

我目前正在做一个 Django 项目(练习),当我开始时我能够使导航栏透明,从那时起我已经实现了相当多的代码并且从那以后你......

回答 1 投票 0

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