腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
bootstrap navbar toggler汉堡包按钮对点击没有响应
stream was reset: CANCEL
相关搜索:
bootstrap 4 navbar-toggler图标(汉堡包)显示两行而不是三行
如何更改bootstrap中默认的“navbar-toggler”按钮图标?
如何更改react-bootstrap navbar-toggler-icon按钮和按钮颜色
php crm难点
php自动生成框架
php图文直播系统
php开启gd 库
php crm免费
php内容生成图片
php size=
相关搜索:
bootstrap 4 navbar-toggler图标(汉堡包)显示两行而不是三行
如何更改bootstrap中默认的“navbar-toggler”按钮图标?
如何更改react-bootstrap navbar-toggler-icon按钮和按钮颜色
php crm难点
php自动生成框架
php图文直播系统
php开启gd 库
php crm免费
php内容生成图片
php size=
页面内容是否对你有帮助?
有帮助
没帮助
相关·
内容
文章
问答
视频
沙龙
3
回答
我如何让我的汉堡包菜单按钮在点击后改变颜色?
、
、
我正在使用Bootstrap,并试图有基本的汉堡包菜单按钮改变背景颜色一旦点击。我可以在浏览器中进行颜色更改,但不能在我的css中进行复制。我也不能只在点击的时候改变颜色。我认为这可能是一个特定的问题。汉堡包按钮取自一个bootstrap示例。 下面的导航栏被编码为在左上角显示“食品,有限责任公司”,并隐藏所有其他链接,直到宽度减少到769px。当点击769px宽度时,汉堡按钮就会出现。当点击按钮时,这些链接就会显示为下拉列表。 我使用了一个红色的背景颜色作为例子,但任何颜色的变化都将受到欢迎! 我已经尝试尽可能具体地使用navbar-toggler类,看看我是否可以更改它,但不能。这是在ch
浏览 0
提问于2019-04-25
得票数 3
1
回答
如何使用引导使肚脐切换?
Navbar没有使用Bootstra5.2。当屏幕很小时,汉堡包按钮会正确显示,但当我点击按钮时,导航项就不会显示。有什么建议吗? ` <body> <nav class="navbar navbar-expand-md bg-dark navbar-dark"> <div class="container-fluid"> <a href="" class="navbar-brand">Tech Blog</a> <butto
浏览 4
提问于2022-10-25
得票数 0
回答已采纳
2
回答
Navbar-品牌和汉堡包图标排列
、
、
<div class="clearfix"> <button class="navbar-toggler hidden-sm-up" type="button" data- toggle="collapse" data-target="#exCollapsingNavbar2"> ☰ </button> <a class="navbar-brand hidden-sm-up" href="/
浏览 0
提问于2016-04-01
得票数 0
1
回答
Bootstrap自定义打开和关闭按钮汉堡菜单
、
、
我正在使用Bootstrap构建一个汉堡包菜单。我想使用我自己的打开和关闭按钮。我已经成功地做到了这一点。但是我有一个问题:汉堡包图标不能完全显示 代码如下: <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crosso
浏览 48
提问于2021-07-26
得票数 0
2
回答
关闭图标上的汉堡包菜单,点击
、
、
、
我有汉堡包菜单,开得很好。当我再次点击汉堡包菜单图标时,我希望它关闭(这是不工作的,我挣扎)。(仅当我单击某个链接或单击菜单外部时,它才会关闭)。 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></sc
浏览 1
提问于2019-07-01
得票数 2
回答已采纳
1
回答
引导4 Beta 2 Nav Bar品牌对齐
、
、
、
它非常类似于这个问题:,它似乎没有得到解决。 我把我的应用程序从角4移到角5,在"npm更新“的过程中,我移到了”引导“:"4.0.0-beta.2",NavBar品牌现在对齐了。不管屏幕有多宽,物品都会倒塌。 解决这个问题。我确实做了ng new nav-app。因此,创建了全新的应用程序。 然后,如本文所述,我插入了Bootstrap、Jquery、Popper:。 这是我的角剪贴画. here: "styles": [ "../node_modules/bootstrap/dist/css/bootstrap.min.c
浏览 2
提问于2018-01-17
得票数 0
回答已采纳
1
回答
如何使汉堡菜单显示下拉列表
、
我正在学习Bootstrap 4,我已经成功地将导航栏中的内容变成了我想要的小屏幕尺寸的汉堡包菜单。我现在遇到的问题是,汉堡包菜单中的一个东西是一个浏览按钮,它在更大的屏幕上显示一个下拉列表: ? 在较小的屏幕尺寸下,它确实变成了汉堡菜单,但当我单击汉堡菜单时,浏览按钮就出现在它的右侧,而这并不是我想要的结果: ? 我试图在较小的屏幕上消除点击,让汉堡菜单在点击时直接显示下拉列表,而不是必须点击汉堡菜单,然后再点击弹出的浏览按钮。 这是我的HTML: <!-- browse button hamburger menu button --> <a class=
浏览 44
提问于2020-04-22
得票数 0
回答已采纳
1
回答
仅使用css将bootstrap 4汉堡图标更改为三点菜单图标的最佳方法
、
标准的bootstrap 4导航栏按钮有一个汉堡包图标。 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation"> <span class=
浏览 5
提问于2018-11-30
得票数 0
2
回答
启动Navbar汉堡菜单不起作用
、
我正在创建一个带有Bootstrap的网站,当我使用下面的代码对导航条和减少显示的尺寸时,汉堡包菜单将不会向下展开并显示菜单选项: <nav class="navbar navbar-expand-lg fixed-top"> <a href="#" class="navbar-brand">Title</a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse&
浏览 6
提问于2022-07-26
得票数 0
回答已采纳
15
回答
如何改变引导4肚脐按钮图标的颜色?
、
、
我有一个自助网站,当屏幕尺寸小于992 is时,就会添加汉堡包切换器。代码如下: <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded=
浏览 2
提问于2017-03-03
得票数 169
回答已采纳
1
回答
汉堡包图标装载为"X“
、
、
我使用的引导带4。改变汉堡包图标为CSS线添加一些移动到每一行,以获得"X“。然而,在加载的汉堡包是一个X,而不是3个堆叠线。最后,在点击按钮后,它又回到了正确的顺序。如果有问题,请告诉我,我可以纠正这个装载问题。 .navbar { background: rgb(5,6,31); background: linear-gradient(360deg, rgba(5,6,31,1) 0%, rgba(1,49,85,1) 100%); } .navbar-nav > li { padding-left: 8px; padding-right: 8px; }
浏览 4
提问于2018-04-27
得票数 0
回答已采纳
2
回答
如何在Bootstrap 4中隐藏和替换navbar-toggler-icon?
、
、
、
如何隐藏和替换Bootstrap 4中的navbar-toggler-icon?现在,下面的代码只是将“X”放在汉堡包菜单下面。 <nav class="navbar navbar-toggleable-md"> <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls
浏览 0
提问于2017-01-26
得票数 5
回答已采纳
1
回答
自举5-从X开始的动画汉堡
、
、
、
我以前使用过这种方法来激活Bootstrap4的汉堡包按钮。然而,对于bootstrap5,我看到这个图标的奇怪行为从'X‘开始,点击后,转到汉堡包按钮上。是什么导致了这一切,我该如何解决呢?关于如何实现这一点,有相当多的博客文章,其中大多数都以bs4为目标,它工作得很好。我不太确定bs4和bs5之间发生了什么变化,可能会影响到这种行为。 <!DOCTYPE html> <html lang="en"> <head> <!-- Required meta tags --> <meta charset=
浏览 2
提问于2022-04-21
得票数 0
回答已采纳
1
回答
改变Bootstrap汉堡包图标的颜色
、
、
我在HTML代码中使用Bootstrap Navbar 汉堡包菜单图标的默认颜色是黑色。我正试着把它改为while颜色。但它不起作用 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle na
浏览 2
提问于2020-12-06
得票数 0
回答已采纳
2
回答
菜单使用bootstrap向下推送移动版中的图像?
、
、
、
这是导航栏的桌面版本 这是点击汉堡包按钮后屏幕大小变为移动版本时的图像 我希望当我点击汉堡包时,菜单会打开,但如果它没有被按下,它就会在图像上打开。 .navbar-light .navbar-toggler { outline: none !important; padding-top: 8px; padding-bottom: 2px; z-index: 1001; } .navbar-toggler .navbar-toggler-icon { background-color: black; color: black; height
浏览 16
提问于2018-09-10
得票数 0
回答已采纳
1
回答
Bootstrap 4徽标在桌面居中
、
、
我在使用bootstrap 4响应导航栏时遇到了问题。在较小的屏幕上工作如预期(标志在中心,汉堡包菜单在右边) 在较大的屏幕(桌面)上出现此问题,此时徽标和登录按钮被按到页面的左侧。徽标应该定位在绝对的中心和登录按钮的文字结束。我试着使用flexbox,但没有得到想要的效果。 <nav class="navbar navbar-expand-lg navbar-dark"> <a class="navbar-brand brand text-center mx-auto" href="#"> <h2&
浏览 1
提问于2019-06-18
得票数 0
2
回答
jQuery toggleClass在快速单击时中断
、
、
、
我有一个用靴带做的下拉菜单。我在下拉菜单图标上实现了一个jQuery toggleClass,它可以在单击时更改图标。通常情况下,它应该在菜单关闭时显示汉堡包图标,然后在菜单打开时更改为X图标。但是这里的问题是,如果菜单点击得太快(双击),情况就会相反(即当菜单关闭时显示一个X图标,打开时显示一个汉堡包图标)。我不想那样。这是代码片段。 $("span.toggler").click(function() { $("#toggler-icon").toggleClass("fa-bars fa-times
浏览 9
提问于2022-10-18
得票数 1
回答已采纳
1
回答
React-Bootstrap:使用字体强大的SVG自定义导航栏的汉堡包菜单
、
、
、
、
我正在使用React-Bootstrap并构建一个导航栏。我想将React-Bootstrap汉堡包菜单图标替换为字体超赞的汉堡包图标。 如何更改内置的汉堡包菜单?这是我的导航栏: <Navbar expand="lg"> <Navbar.Brand href="#home"> <FontAwesomeIcon icon="gem" color="#20FC8F" size="2x" /> </Navbar.Brand> <Nav
浏览 13
提问于2019-10-03
得票数 1
2
回答
data-bs-target=“#navbarTogglerDemo01 01”为什么在Bootstra-5上不起作用?
通常情况下,当我点击右边的汉堡包菜单时,我会看到3个链接。但当我点击它,它并没有显示给我的3个链接,是联系,定价,和下载。我对互联网上的Bootstrap-5文件也做了同样的处理。 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsre
浏览 3
提问于2021-01-02
得票数 0
回答已采纳
1
回答
导航切换器在浏览器中不起作用,但在codeply中起作用
、
、
我试着用toggler包括导航栏。代码在codeply中运行良好,但在浏览器中运行不正常。切换按钮(汉堡包按钮)在移动设备中出现,但不显示列表。下面是我的代码。 <html> <head> <title>Practice</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-
浏览 0
提问于2021-10-23
得票数 1
1
回答
单击“导航条”菜单时,单击菜单图标时不会折叠。
、
有两个与引导有关的问题不适合我。 当我点击移动视图中的汉堡包图标时,。它打开菜单很好,但是每当我再次点击汉堡包图标关闭它不关闭,它总是打开。 当我悬停在汉堡包下的菜单链接上时,当它打开时它不会悬停并改变链接的颜色。请协助使这件事开始工作。 .navbar-brand { font-family: Copperplate , serif; color: red; font-weight: Italic; background-color: #D4AC0D; } .navbar{ background-color: green; } .navbar-dark .nav
浏览 2
提问于2022-01-27
得票数 0
2
回答
NavBar中的Logo在浏览器较小时将汉堡包移到左边
、
我今天在尝试一些东西。在Bootstrap NavBar中,如果标志(navbar-品牌)是文本,那么汉堡包就停留在右边。但是,如果标志是图像,当您调整浏览器的大小时,汉堡包就会向左移动。我搞不懂这个。 我目前正在研究余安琪的Udemy课程,并完成了Bootstrap模块。现在试着用我学到的来重新创建我自己的网站。 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://m
浏览 0
提问于2019-01-19
得票数 0
回答已采纳
1
回答
控制引导带4响应肚脐的包装
、
我已经有了一个BS4导航条,几乎可以按照我想要的方式工作,但并不完全是这样。 我有一个肚脐牌在左边,四个链接在右边。 在一个特定的断点,链接消失,以取代汉堡包按钮。 如果你点击汉堡,链接就会出现在它下面。 这就是我想要的。 如果你进一步缩小窗口宽度,肚脐包裹,汉堡包出现在徽标下面。 那是我不想要的我希望汉堡包保持原样,标志缩小(img-流体)。 我可以通过向主navbar元素中添加flex-nowrap类来实现这一点。但这就产生了一个不同的问题:当你点击汉堡包时,链接会出现在右边,而不是下面。 有没有办法阻止汉堡包的包装,同时仍然有链接出现在它下面,当你点击它? 代码如下: <
浏览 4
提问于2021-01-07
得票数 1
回答已采纳
1
回答
Bootstrap 4(角度)导航栏折叠按钮不起作用
、
、
我正在使用这个代码示例在一个Angular项目中使用Bootstrap 4实现一个可折叠的导航栏。 Bootstrap与Popper和jQuery一起使用npm安装。版本: angular/core: 8.2.5 angular/cli: 8.3.3 bootstrap: 4.3.1 popper: 1.0.1 popper.js: 1.15.0 jquery: 3.4.1 如下图所示,减小窗口大小将折叠导航栏并显示汉堡按钮。但是,汉堡包按钮什么也不做,控制台中没有记录错误。 下面是我的导航代码: <nav class="navbar navbar-expan
浏览 1
提问于2019-09-07
得票数 0
3
回答
反应响应导航菜单和引导-汉堡包不起作用
、
、
、
我创建了一个带有Bootstrap的简单导航菜单。它在纯javascript中运行得很好,但是当将它改编为function时,汉堡包图标就不能工作了(点击就什么都不会发生)。我安装了引导程序 npm install --save bootstrap 然后将引导css添加到公用文件夹中的index.html中: link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-Wskh
浏览 3
提问于2018-12-10
得票数 3
回答已采纳
1
回答
icon-bar类不在Button中显示行
、
、
我有一个导航栏,里面有一个汉堡包按钮,它的引导程序是 <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
浏览 14
提问于2017-01-18
得票数 3
回答已采纳
1
回答
NG-具有角8的引导4: Navbar工作,但不自动关闭点击(内或外导航栏)
、
、
我使用的是角形8的ng引导,而且我的导航条有问题。当单击汉堡包图标时,导航条在响应和打开/关闭方面的行为是正确的,但问题是当单击其中一个链接或用户单击“外部”按钮时,它不会“自动关闭”。只有当用户再次点击汉堡包时,它才会关闭。是否有一种方法使用ng引导使导航栏在单击时自动关闭? 在我的研究中,我发现了一些例子,说明如何使用角4+和ng引导来设置导航条,而且我注意到即使是“正确的”示例也有相同的问题。是否可以在单击时自动关闭导航栏?下面是一些示例: 这是我使用ng引导程序为导航栏找到的典型代码: <nav class="navbar navbar-expand-md navbar-
浏览 2
提问于2019-06-12
得票数 5
回答已采纳
2
回答
自举汉堡在角形6项目中不起作用
、
我在一个角6项目中使用了引导风格来设计注册页面,并且它工作得很好。但是当我点击汉堡包图标时,它不会崩溃,因此汉堡包菜单下的图标就不会出现。 以下是angular.json文件中的样式标记: "styles": [ "src/styles.css" ], 这是styles.css文件: @import "~bootstrap/dist/css/bootstrap.min.css"; @import '~ngx-toastr/toastr.css'; angular
浏览 0
提问于2018-12-08
得票数 2
1
回答
Boostrap导航栏默认代码运行不正确
当我运行代码时,菜单项被压缩到一个汉堡包菜单中,并且汉堡包图标被发送到新行。 我是不是漏掉了什么明显的东西? <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css"> <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script> <script src=
浏览 34
提问于2018-06-05
得票数 0
回答已采纳
1
回答
引导4切换菜单“下拉”(仅在移动视图中)
、
、
我有一个简单的导航栏在我的网站顶部只有两个链接。当视图变得移动(平板和/或移动),这些链接消失,菜单“汉堡包”图标显示。但是,当我单击它时,没有显示任何内容。当我点击菜单图标时,我希望我的两个链接都显示出来。 /* Registration Navbar */ .registration-navbar { background-color: #8ABE57; height: 45px; } .registration-navbar ul li a { color: #ffffff; font-size: 0.8em; } .registration-nav
浏览 1
提问于2018-09-11
得票数 0
回答已采纳
1
回答
如何使用引导带4创建导航条,其中只有某些部分被折叠,某些部分仍然出现在中小屏幕上?
、
问题 通过将data-target和id放置到特定的div元素中,可以在展开切换按钮时工作。 在一个中小屏幕上,肚脐上看到的其他部分也和汉堡包按钮一起下来。 累的 我把navbar-toggler放在所有nav-link的末尾,但是在扩展navbar-toggler的同时,看到的部分和汉堡包按钮的其余部分都掉了下来。 预期产出 navbar-toggler应该扩展,但是看到的部分和汉堡按钮的其余部分必须在导航栏的顶部。 代码低于 <nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
浏览 2
提问于2020-07-27
得票数 1
回答已采纳
1
回答
bootstrap navbar toggler汉堡包按钮对点击没有响应
<nav class="navbar navbar-expand-lg navbar-dark bg-dark bg-dark navbar-light bg-light"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo01" aria-controls="navbarTogglerDemo01" a
浏览 44
提问于2021-01-08
得票数 0
2
回答
折叠导航栏不能从引导重新打开
、
、
、
当窗口缩小时,我的导航栏会折叠,但单击它并不能重新打开它。我有汉堡包图标,但没有响应。我的代码粘贴在下面。有没有人可以建议我如何打开倒塌的导航栏? <html lang="en"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <
浏览 28
提问于2021-04-27
得票数 2
回答已采纳
1
回答
引导5.0汉堡菜单图标没有显示
、
专家们-我正试图解决我认为应该是一个简单的问题。我正在看,并尝试实现当窗口很窄时出现的汉堡包菜单(例如手机屏幕)。当我使窗户变窄时,按钮仍然是看不见的。当我将鼠标移动到菜单应该在的位置时,光标就会变成指针。当我点击它时,按钮的轮廓变得粗体(所以我可以看到它),下拉菜单就会显示出来。然而,汉堡包菜单图标仍然是无形的。我做错了什么?我觉得我几乎是逐字复制了文档中的代码。 <html> <head> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/cs
浏览 0
提问于2021-01-26
得票数 0
回答已采纳
3
回答
引导导航栏图标和切换按钮问题
、
、
、
在可折叠的导航栏中,我添加了一个徽标图像,但它没有响应,所以我添加了一个媒体查询来缩小它,但当我收缩屏幕时,切换按钮向下移动,切换按钮内的图标不可见。 .navbar{ background-color: #fff; padding: 0px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.54), 0 2px 10px 0 rgb(175, 175, 175); } .navbar-toggler{ background-color: #2196f3; margin-right: 10px; } .dropdown-item:hover {
浏览 12
提问于2019-06-05
得票数 0
1
回答
删除Bootstrap 5导航上的边框-使用常规css切换
、
、
我希望删除移动‘汉堡包’菜单上的浅灰色边框。我正在使用font- and和Bootstrap 5(通过CDN来创建)来创建它,但似乎无法删除圆角边框。 html <nav class="navbar navbar-expand-lg navbar-light" role="navigation"> <div class="container"> <a class="navbar-brand" href="#">Navbar</a&
浏览 35
提问于2021-10-03
得票数 1
回答已采纳
2
回答
使整个li /操作链接可单击
、
、
、
我有一个汉堡包菜单和一个下拉列表,我希望整个下拉列表都可以点击。这就是我现在所拥有的。目前只有文本是可点击的。 cshtml <nav class="navbar fixed-top navbar-dark bg-primary"> <a class="navbar-brand" href="#">Foo</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data
浏览 21
提问于2019-06-05
得票数 0
回答已采纳
1
回答
如何调试这段代码并使其正确?
、
、
我尝试了很多次,我的汉堡包菜单,当我点击菜单按钮,它只是没有打开。我搞不懂我在哪里出了错。 <head> <meta charset="utf-8"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoq
浏览 4
提问于2022-01-18
得票数 0
1
回答
引导4-汉堡包菜单不出现在手机上
、
我正在使用Bootstrap 4开发一个应用程序。目前,我正致力于在桌面和移动电话上开发这个应用程序。我想要 桌面 +--------------------------------------------------------+ | This is the title of my app [button] | +--------------------------------------------------------+ | | |
浏览 1
提问于2017-10-01
得票数 0
1
回答
如何在崩溃时使用引导5调整导航丸的大小?
、
、
实际上,我正在尝试创建带有Bootstrap的活动类,以便在我的网页的活动部分周围显示一个导航药片/容器。这在大屏幕上很好,但在较小的屏幕上,随着汉堡包菜单的激活,导航丸会延伸到整个div/容器中,但我希望它只环绕在类似于大屏幕时的单词上。 下面是一个带有一些填充内容的代码,以模仿我的问题: 以及仅用于导航栏的代码: <!-- Bootstrap-5 --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="styles
浏览 4
提问于2022-06-28
得票数 0
1
回答
在Bootstrap 4 WordPress主题中使用X(关闭)表示导航栏-切换器-图标?
、
、
我试图使切换(汉堡包)图标成为一个X。我已经遵循了另一个线程,也使用了的代码,我仍然不能让图标改变。我在想其他地方出了什么问题。 这是我的导航代码: <div class="container"> <nav class="navbar navbar-toggleable-md navbar-light"> <div class="navbar-brand"> <?php if ( get_theme_mo
浏览 1
提问于2017-08-19
得票数 1
1
回答
引导4可切换肚脐
、
、
、
、
我正在尝试从Bootstra3.x迁移到4,而且我对新的导航条有问题。无论我选择哪个选项,肚脐总是显示汉堡包按钮,就像它被折叠了一样。 这个HTML文档演示了我的问题。我在官方文件页上找到的。 <html> <head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCF
浏览 2
提问于2017-08-14
得票数 11
回答已采纳
1
回答
单击后返回引导带..navbar切换到其正常状态
、
、
、
、
使用Bootstrap v3.3.4开箱即用,没有定制CSS。 单击汉堡包按钮时,导航会按原计划展开,尽管按钮本身处于“按下”模式,只在单击页面其他位置时才返回正常状态。 有人知道如何让汉堡包按钮在点击后恢复到正常状态吗? 为了避免混淆,我指的是这个按钮: <button class="navbar-toggle" data-toggle="collapse">...
浏览 3
提问于2015-06-05
得票数 0
3
回答
当我更改Nav-Bar的背景色时,看不到汉堡包图标。
、
、
、
、
这是我的密码 <nav class="navbar navbar-expand-lg navbar-md-dark navbar-lg-light" style="background-color: #11100b;" id="nav-mob"> <div class="container"> <a class="navbar-brand " href="#"> <img sr
浏览 6
提问于2022-04-12
得票数 -1
1
回答
引导切换图标不显示
、
、
我正在学习bootstrap,并试图制作一个导航栏,但导航栏切换汉堡包图标没有出现。我目前拥有的部分代码如下所示。谢谢。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Personal Website<
浏览 12
提问于2020-07-14
得票数 0
回答已采纳
1
回答
boostrap中的切换按钮不想“取消切换”
、
、
、
、
所以我用Laravela和Vue.js创建了一个简单的网站,为了响应,我添加了bootstrap 4。一切都很好,导航栏在它应该折叠的时候会折叠,切换按钮出现,当我点击它时,它会显示所有内容。但是当我点击切换按钮来隐藏导航栏时,导航栏就会闪烁,什么也不做。 <!--Navigation bar--> <nav class="navbar navbar-expand-sm navbar-light bg-light"> <a class="navbar-brand" href="#"
浏览 14
提问于2019-12-31
得票数 0
回答已采纳
1
回答
引导折叠菜单/下拉菜单颜色问题
、
下午好!我目前正在做一个导航条,但是点击汉堡包图标时弹出的菜单(它显示了所有的链接/导航-项目作为一个较小的屏幕宽度)有点过于华而不实/在演示文稿级别上不太好。如何定制下拉菜单以使之更好看?HTML代码如下: <nav id="navigation" class="navbar navbar-expand-sm"> <a href="#" class="navbar-brand">Brand</a> <button id="hamburger-icon" class
浏览 0
提问于2020-02-05
得票数 0
回答已采纳
2
回答
如何在不破坏汉堡包菜单的情况下将引导按钮放置在右端?
、
、
我试图把一个连接按钮在屏幕的右上角移动和桌面之前的汉堡包菜单。然而,我尝试的所有解决方案都打破了菜单。 菜单打开后,将连接按钮和汉堡包按钮放置在手机上。 在桌面上可折叠菜单工作后,将连接按钮放置在桌面上,但在移动上破坏布局。 有没有一个干净的方法来做到这一点,而不诉诸使用两个按钮? <nav class="navbar navbar-expand-md navbar-light bg-light px-3"> <a href="#" class="navbar-brand">Name on
浏览 8
提问于2021-08-24
得票数 0
2
回答
自定义高度导航栏的Bootstrap 4折叠问题
、
、
、
我在Bootstrap 4中使用带有品牌徽标图像(150px X 33px)的导航栏。 我需要将导航栏的高度增加到80px。我使用min-height: 80px;来实现这一点。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewp
浏览 23
提问于2019-12-10
得票数 2
回答已采纳
3
回答
自举下拉菜单在单击toggler图标后消失。
、
、
、
、
我已经从引导程序中粘贴了一个导航条: 当我将这些代码粘贴到我的项目中时,导航条可以工作,除非将浏览器缩小到移动大小,并且单击汉堡包菜单。当我点击菜单时,我所有的东西都会出现,但在那之后它们很快就消失了。我还必须点击两次汉堡包菜单才能显示锚标签。同样的事情发生在我创建的导航栏上,我将在下面发布。 我的代码: <nav class="navbar navbar-expand-lg navbar-light bg-light"> <img id="navbarLogo" src="img/Home/Crunchsoft.techSig
浏览 12
提问于2019-10-23
得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
Django2练习项目:开发个人博客系统(3)
深入理解bootstrap
Windows 10 11月的更新现已作为补丁包的一部分提供
如何编写轻量级 CSS 框架
VEX IQ机器人竞赛 编程测试 复习资料
热门
标签
更多标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
活动推荐
运营活动
广告
关闭
领券