当Bootstrap 3中出现可折叠的汉堡按钮时，如何手动调整？
在Bootstrap 3中，可折叠的汉堡按钮通常用于响应式导航栏，以便在小屏幕设备上显示菜单。如果需要手动调整这个按钮，可以通过以下步骤进行操作：
- 找到HTML代码中的汉堡按钮元素。通常，它是一个带有
navbar-toggle类的<button>元素。 - 使用CSS样式对该按钮进行调整。可以通过修改按钮的宽度、高度、颜色、边框等属性来实现自定义样式。例如，可以使用
width属性来调整按钮的宽度，使用background-color属性来修改按钮的背景颜色。 - 如果需要更改按钮的图标，可以使用自定义图标字体或者替换按钮的背景图片。可以通过修改按钮的
background-image属性来设置自定义图标或者图片。 - 如果需要调整按钮的位置，可以使用CSS布局属性，如
position、top、left等来实现。例如，可以使用position: absolute和top: 10px来将按钮定位在导航栏的指定位置。
需要注意的是，以上调整只是一些常见的方法，具体的调整方式取决于具体的需求和设计。此外，Bootstrap 3已经过时，推荐使用最新版本的Bootstrap进行开发。
关于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体品牌商，无法给出相关链接。但是腾讯云提供了一系列云计算服务，包括云服务器、云数据库、云存储等，可以根据具体需求选择相应的产品进行使用。
相关·内容
2回答
我使用的是bootstrap 3.3.7，我使用标准的bootstrap类来创建菜单。我已经重新设置了它的样式，以便颜色设置为白色，背景颜色为紫色。当页面初始加载时，一切正常。当我用鼠标缩小屏幕宽度时，我的菜单开始像预期的那样向下折叠，但菜单似乎消失了。如果我停止缩小屏幕尺寸，然后将鼠标移到菜单应该在那里的位置，它就会回到视图中。所以操作是有效的，菜单在移动时没有保持它的配色方案。是不是错过了什么把戏？
如果我将屏幕大小调整为767，以使我的“汉堡包”按钮出现在菜单中，我也会遇到同样的问题。我单击汉堡包，直到我将鼠标移到菜单所在的屏幕左侧时，似乎什么都没有显示。
浏览 33提问于2018-07-25得票数 0
1回答
桌面屏幕不错，但移动屏幕面临两个问题：
JSFiddle演示：
当我在移动屏幕上时，汉堡包菜单出现在中间，而不是右边，还有搜索按钮。应该是这样的：
当我单击“汉堡”菜单时，Search按钮消失并显示在可折叠菜单中。我希望它保持在下面的位置：
我做错了什么？请帮帮忙。我已经挣扎了好几天了！
浏览 4提问于2022-11-02得票数 0
回答已采纳
1回答
使用Bootstrap v3.3.4开箱即用，没有定制CSS。
单击汉堡包按钮时，导航会按原计划展开，尽管按钮本身处于“按下”模式，只在单击页面其他位置时才返回正常状态。
有人知道如何让汉堡包按钮在点击后恢复到正常状态吗？
为了避免混淆，我指的是这个按钮：
<button class="navbar-toggle" data-toggle="collapse">...
浏览 3提问于2015-06-05得票数 0
在调整浏览器大小时，B4导航栏更改项目字体颜色时遇到问题。不幸的是，我不能用任何例子来复制它。这里有一些图片。
最初的样子：
在调整到768宽度后：
正如您所看到的，它将颜色更改为黑色。你知道为什么会这样吗？
谢谢
更新。正在添加执行此操作的B4媒体查询：
/*Bootstrap overrides for toggle button when menu fully collapses*/
@media only screen and (max-width : 768px) {
.navbar-collapse {
background: white;
浏览 0提问于2017-05-31得票数 0
1回答
我目前正在构建一个移动可折叠导航栏，当屏幕缩小时，导航栏上的项目会消失，然后出现一个汉堡包按钮，其中包含以前隐藏的项目的下拉列表。我一直在关注之前提出的问题，，但我看不出哪里出了问题，因为一旦文本隐藏，汉堡按钮出现，我就没有下拉菜单可供选择
<html>
<head>
<title> Bubble</title>
</head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstra
浏览 0提问于2017-11-08得票数 0
我正在使用这个代码示例在一个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
我使用的是twitter-bootstrap-rails gem，默认情况下导航栏是可折叠的，这真的很烦人。那么，我该如何完全移除这个特性呢？
我到底要在bootstrap_and_override.css.less中放入什么才能使它不可折叠？
浏览 1提问于2012-08-26得票数 0
我有个鞋带肚脐吧。点击汉堡包图标将打开菜单。其中一个菜单项是另一个可折叠div的按钮。我把这个添加到这个按钮上：
$('.nav a').on('click', function(){
$(".navbar-toggle").click()
});
这将关闭导航条菜单并显示另一个div。
我想要的是再次点击汉堡包图标将关闭新的div，不会打开菜单。
基本上，需要的是肚脐键来关闭所有可折叠的div，并且只有在没有其他div打开的情况下才会打开菜单。
这是我的例子：
向下滚动以获得770 to页面宽度，单击登录，您将看到菜单消失。下一次点
浏览 1提问于2014-10-05得票数 0
回答已采纳
我还没能让Bootsrap3中的可折叠导航栏在Angular2上正常工作。在缩小窗口宽度时，菜单将正确地替换为汉堡按钮，但单击它不会显示下拉菜单。按钮激活(变暗)，但仅此而已。我想知道除了使用ng-bootstrap之外，是否还有其他解决方法？
示例：
<nav class="navbar navbar-inverse" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
浏览 0提问于2016-06-17得票数 5
2回答
我的响应式菜单闪闪发光
、、、
我正在我的响应菜单上工作，这将是桌面视图上的一个正常的水平菜单，但当屏幕小于992px时，将出现一个汉堡包样式的按钮，它将切换一个推入侧菜单。
我面临的问题是，菜单在调整窗口大小时出现故障，也就是在桌面和移动视图之间切换。
下面是我的代码：
<!DOCTYPE html>
<html lang="en">
<head>
<title>Menu</title>
<meta charset="utf-8">
<!-- Latest compiled and minified CSS --
浏览 25提问于2017-07-07得票数 0
回答已采纳
我正在使用bootstrap 4开发我的第一个网站，但我的可折叠导航栏和汉堡图标出现了一些问题。我想在中等屏幕上扩展导航栏，当屏幕变小时，我想显示一个汉堡图标。到目前为止，当屏幕达到想要的尺寸时，导航栏正在很好地扩展。只有汉堡包的图标是不可见的(虽然是可以删除的！)早些时候，我认为它已经在sm上消失了。所以我最终得到了一个看不见菜单的特定视口。我完全不知道问题是什么.
我尝试了几种不同的浏览器，还有几种不同的按钮/图标，但似乎都不起作用。在歌剧中，我试过的那些都没有显示出来。
```html
<div class="container-fluid">
&
浏览 11提问于2019-08-09得票数 0
2回答
我有一个基于Bootstrap的子主题，我现在的导航栏是这样的
📷
我的目标是移动菜单(主页.当页面大于768 it时，当页面大于768 it时，它会出现在标语下面，因为当它变成汉堡按钮并出现在右边时，它是断点。我试着玩css和page.tpl.php，但是没有结果。这是我第一次在Drupal中使用Bootstrap。
浏览 0提问于2015-03-09得票数 2
回答已采纳
2回答
引导导航栏切换与下拉菜单不同步
、、、、
我制作了我自己的汉堡包动画基于这个代码：
由于我更喜欢动画的速度有点慢，所以我设置：
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
它工作得很好，我有一个汉堡包按钮，当我按下按钮时，我得到了一个单一形状的按钮，然后出现了肚脐下拉菜单；因此，当汉堡包折叠时，-按钮在下拉菜单上可见。然而，当我切换两次快，肚脐下拉菜单出现和停留，但按钮切换回一个汉堡包(所以按钮‘是不同
浏览 3提问于2015-10-13得票数 1
回答已采纳
2回答
我正在尝试创建一个可折叠按钮，单击该按钮后，从URL中获取内容并将结果加载到当前页面。
当href指向同一页面中的位置(href="#abcd")时，该按钮可以正常工作，但当href指向远程数据(href="/query/abcd")时会出现错误。
未识别的错误:语法错误，无法识别的表达式: /query/abcd
/ query /abcd -运行一个db查询并返回一个HTML表，该表应在可折叠按钮下呈现
<!DOCTYPE html>
<html>
<head>
<meta name="vie
浏览 2提问于2016-01-26得票数 0
回答已采纳
我很感激我所能得到的一切帮助:)
我正在尝试做一个可折叠的肚脐，在较小的视口上带有一个汉堡包图标的Bootstrap 3.3.7。
我不能让汉堡包图标起作用。我成功地制作了一个汉堡包图标，它只在较小的视图上可见，但是当我单击汉堡包图标时，它没有显示它应该包含的菜单项。
我怎样才能让汉堡包图标发挥作用？
下面是导航栏的代码：
<!-- Navigation bar -->
<nav class="navbar navbar-expand-lg navbar-inverse">
<div class="container">
浏览 2提问于2018-09-24得票数 1
回答已采纳
我有一组代码，取自。
<button aria-expanded="false" class="collapsed navbar-toggle" data-target="#main_menu" data-toggle="collapse">
<span class="sr-only">toggle navigation</span>
<span class="icon-bar"></span>
<span class="ic
浏览 18提问于2017-08-21得票数 0
回答已采纳
2回答
我做了一个简单的引导导航条，当显示窗口很小时，它会崩溃。我还在那个肚脐上添加了图像。
现在，当我使浏览器窗口更小，汉堡包菜单出现，我有可折叠菜单没有对齐的最左边的网页，请参阅下面的图片。
我想让那个可折叠的菜单与左边对齐，我该怎么办？
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<nav class="navbar navbar-inverse navbar-static
浏览 7提问于2017-01-12得票数 0
回答已采纳
我使用的是bootstrap 4 beta版。
我有一个导航栏，当屏幕全尺寸时，它使用标准大小的按钮作为导航项目，这些按钮显示在导航栏的右侧，与站点徽标一起显示，站点徽标位于导航栏的左侧。
我希望这些按钮跨越宽度的导航栏下拉菜单时，屏幕很小，汉堡菜单是切换。
目前，这些都是左对齐，如下图所示。
我认为使用块级按钮会在下拉菜单上给我想要的结果，但它们在全尺寸导航栏上不起作用。
我的问题是，当切换汉堡菜单时，如何使第二张图片中的按钮跨越下拉菜单的宽度，但当屏幕较大且没有像第一张图片那样折叠到汉堡菜单时，如何使按钮显示为正常大小？
浏览 2提问于2017-10-11得票数 0
我刚学会用bootstrap创建一个网站。我创建了一个项目使用bootstrap为网站的外观。最初，我使用一个在线引导程序来使网站显示效果最佳。我用汉堡菜单做了一个导航栏，当我点击它时，结果是这样的：
当我点击汉堡包菜单时，会有一个平滑的动画。
当我单击汉堡菜单时，没有动画。
当我尝试在html中使用jquery slideToggle()脚本时(我把它放在html中只是为了测试)，动画看起来就像是在使用在线引导程序。
<script>
$(document).ready(function () {
$("#hamburgerMenu"
浏览 0提问于2020-08-21得票数 1
1回答
将汉堡包图标添加到引导侧栏中
、、、、
我正试着把汉堡菜单添加到我的侧边栏。我使用的是引导侧边栏-版本3.3.7，我的bootstrap.min.css复制到我的文件夹：
<link rel="stylesheet" type="text/css" href="/bower_components/bootstrap/dist/css/bootstrap.min.css"/>
守则：
const contentHeader = (
<span>
<a href="#" onClick={this.menuButtonC
浏览 1提问于2017-12-13得票数 0
回答已采纳
大家好，又是我提了另一个问题。位于此处的预订系统
有3个主要的可折叠面板由spry框架控制。然后，在第一个可折叠面板中还有十几个，正如您在该页面上看到的那样。当您按下其中一个“了解更多”按钮打开其中一个时，您将看到它所在的主要可折叠面板也会展开，以适应该内容和合同，如果您再次关闭较小的面板。
然而，一旦你转到下一个可折叠的主面板“summery and there”，然后通过按下“back”按钮返回到第一个主面板，就会出现问题。现在，如果您打开第一个主面板中的一个较小的面板，您将看到主面板不会展开以适应内容，事实上，较小的面板的内容分散在其他内容上，浮动在其他内容之上。有人知道怎么解决这个问题
浏览 0提问于2010-06-05得票数 0
回答已采纳
2回答
我有问题与可折叠的菜单工作在一个大小以上的手机。我希望网站能够有可折叠的菜单在移动和平板电脑的肖像视图，但是一旦网站调整到大于移动(其中移动菜单仍然可见)，菜单将显示，但折叠功能将不起作用。我显示了应该隐藏的项目，当我单击菜单按钮将其折叠时，它会再次弹出。我看了看，但不确定这是否与我的问题有关，我也无法理解它。
我正在工作的网站在这里：
任何建议都是很棒的。我对响应式网页设计和Bootstrap仍然很陌生。提前感谢您的帮助。
浏览 5提问于2013-10-03得票数 1
我对jQueryMobile很陌生，并且强迫我独自解决一个问题。
我有一个HTML表单，它非常大(大约100个字段)。为了提高可用性，将表单分为4部分，分别放在4jqm页面上.在每一页上，我都有一个显示用户的可折叠设置的菜单。如果单击某个用户，您可以看到每个用户的报告(即listview)。
在$(document).ready -事件中，我调用一个load_users函数从数据库中检索所有用户及其报告。使用这些数据，我构建了可折叠和列表视图，并在最后调用$(".listview:visible").listview().listview("refresh");
浏览 2提问于2013-08-13得票数 0
回答已采纳
首先，我的问题是:在超小屏幕上查看菜单时，如何使菜单折叠？
这里有更多信息:我正在用Joomla 3.4.x建立一个网站。我已经制作了自己的Bootstrap 3模板。下面是测试服务器的网址：
菜单按计划工作，除了特别小的设备:当我打开页面时，菜单应该隐藏。然后当我点击右上角的“汉堡按钮”时，它应该会显示出来。相反，它总是显示并占据智能手机的大部分屏幕。如何在加载页面时使其折叠？
我甚至不确定这是一个CSS问题，还是jQuery，Bootstrap，或者你有什么…
先谢谢你，
Thom Thomsterdam.nl
浏览 6提问于2015-10-20得票数 0
我使用的是bootstrap 3.3.7。默认情况下，直到屏幕宽度达到767px，汉堡包菜单才会显示。我需要让类似的行为发生得更快。
出于我的目的，下面的css将为我提供显示汉堡菜单的初始结果：
@media (max-width: 1197px) {
.navbar-header {
float: none;
margin-bottom: -16px;
}
.container-fluid {
padding-right : 0px;
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
浏览 14提问于2018-08-06得票数 0
回答已采纳
1回答
我使用的是引导5“折叠”，使用的数据属性接近。它如预期的那样工作。我可以单击按钮折叠/展开可折叠项。
可以手动切换状态的，如下所示：
let element = document.querySelector('#my-collapse');
bootstrap.Collapse.getInstance(element).toggle();
但是，这失败了，因为getInstance返回null。
奇怪的是，如果我单击“折叠”按钮，然后使用该代码，它就会工作。
如何确保代码在不首先启动折叠组件的情况下工作？
浏览 7提问于2022-12-03得票数 1
1回答
我正在使用CSS网格作为我的布局。2列和3行。我希望左栏是灵活的，这样左栏可以包含一个可折叠的导航栏，这意味着当我单击汉堡菜单按钮时，它会打开/关闭。到目前为止，我还没有找到任何例子。可以使列的宽度从0灵活到任意像素宽度吗？
浏览 17提问于2019-04-11得票数 0
1回答
我正在学习Bootstrap 4，我已经成功地将导航栏中的内容变成了我想要的小屏幕尺寸的汉堡包菜单。我现在遇到的问题是，汉堡包菜单中的一个东西是一个浏览按钮，它在更大的屏幕上显示一个下拉列表： ? 在较小的屏幕尺寸下，它确实变成了汉堡菜单，但当我单击汉堡菜单时，浏览按钮就出现在它的右侧，而这并不是我想要的结果： ? 我试图在较小的屏幕上消除点击，让汉堡菜单在点击时直接显示下拉列表，而不是必须点击汉堡菜单，然后再点击弹出的浏览按钮。 这是我的HTML： <!-- browse button hamburger menu button -->
<a class=
浏览 44提问于2020-04-22得票数 0
回答已采纳
3回答
引导..navbar切换事件
、、、、
我正在尝试使用Bootstrap 3来创建一个响应性站点。我使用他们的示例作为起点。
该示例的断点为768 of，因此顶部导航栏从“汉堡包”菜单按钮到导航项的水平列表。我需要在到达断点时做出反应。
基于和，我尝试绑定到按钮元素上的show/hide.bs.down事件，但没有结果。是否有一种方法可以绑定到某个事件，或者在到达断点时以某种方式侦听？
我已经设置了一个包含相关部件的 (移动垂直滑块以使导航条发生变化)。下面是我尝试过的JavaScript：
$( ".navbar-toggle" ).on( "show.bs.collapse", function(
浏览 0提问于2015-07-10得票数 5
回答已采纳
1回答
想要使用Twitter引导模板在一个其他角度的应用程序。用取代了Bootstrap的JS，一切都很好。
除了当页面很窄时出现的“汉堡包”按钮不起作用。相反，当页面很宽时出现的下拉式实际上是有角度的。有什么建议吗？
特别是这个按钮。是否有我应该包含的指令，或者没有包含在角UI中的指令？
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class=
浏览 0提问于2013-10-08得票数 0
回答已采纳
引导带3导航条提供了一个头部区域和一个可折叠区域。标题区域包含一个永久的品牌链接，可折叠区域包含当窗口缩小时在汉堡包图标下崩溃的其他所有东西。我试图添加一个选择框和按钮到标题区域，意图是他们应该永久显示，而不是折叠时，窗口缩小。这就是我到目前为止尝试过的(中可用的完整代码)。
<div class="navbar-header">
<-- Hamburger button -->
<button type="button" class="navbar-toggle" ...>
.
浏览 5提问于2014-08-26得票数 0
回答已采纳
1回答
我知道我已经看到了关于这种情况的几个问题，但是我尝试过实现以前的线程中提供的解决方案，但是它们对我没有用。
我正在用Bootstrap 5测试一些东西(对它来说是新的)。我正在查看可折叠导航条按钮，当它达到一定的视图端口大小时，导航条就会折叠成一个汉堡包菜单，用户可以点击它，然后它就会扩展。我看到它在上工作，但是当我将相同的代码复制并粘贴到visual studio代码中时，当您单击它时，无法获得扩展的导航条。
这是我试图在浏览器中测试的示例文本，它不会让我切换。
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.
浏览 6提问于2022-10-07得票数 1
回答已采纳
背景:我正在为一个艺术家写一个页面，我在网站上遇到了一些有趣的行为。
我使用的是柔性盒，而不是引导的布局，因为网站很小，没有一吨的元素。Flexbox非常适合于布局站点，特别是针对不同媒体大小的更改。
在最小的媒体规模，然而，移动布局，我有一些麻烦。我喜欢引导中的可折叠菜单的外观，但是由于我没有使用引导程序，我从字体中获得了图标，现在我尝试使用JavaScript和CSS手动处理可折叠菜单属性。但是，如果不使用引导程序，我不知道为什么我的可扩展菜单只能在重复单击之后才能工作，而不是在第一次单击时才起作用。
期望:在最小的媒体查询(窗口<768像素)，我有默认的移动布局设置的方式，我想。横
浏览 5提问于2018-07-08得票数 1
回答已采纳
如何使用bootstrap 3在导航栏上为移动设计设置2个导航按钮？
在这个例子中，左边的按钮(汉堡包)折叠菜单，右边的按钮(放大镜)执行搜索。 (手机版)
浏览 1提问于2015-07-16得票数 1
我已经从这个链接做了可折叠的内容面板，我需要的是？在section1内容面板中，将只有两个按钮(是和否)。所以当我点击yes按钮时，这两个按钮就消失了，一些内容应该会加载到section1内容面板中。如何完成这项任务？这是用twitter bootstrap构建的。
浏览 3提问于2013-10-14得票数 0
我已经找遍了，但我找不到我想要做的事情的确切解决方案。我是编程新手，所以这可能是一个简单的解决方案，我只是没有看到。
我想创建一个固定在桌面和平板电脑上的侧边栏导航，但可以折叠成一个汉堡菜单，使用Bootstrap 4固定在移动设备的顶部。我找到的很多例子都使用了现在已经过时的附加属性。其他示例都是可折叠的，但我希望侧边栏在桌面和平板电脑上始终是打开的。我附上了我如何在桌面和移动设备上设计它的照片，以供进一步参考。
浏览 0提问于2019-02-13得票数 0
您好，我在我的网站上使用了bootstrap来制作一个可折叠的导航栏。当我调整屏幕大小时，导航栏就会折叠。但是，当我单击可折叠按钮时，导航栏不会出现在下面。
我的代码：
<nav class="navbar navbar-expand-sm navbar-dark bg-dark">
<a class="navbar-brand" href="#">
<img src="images/logo.jpg" alt="Logo" height=&
浏览 1提问于2021-09-18得票数 0
我正在使用Bootstrap，并试图有基本的汉堡包菜单按钮改变背景颜色一旦点击。我可以在浏览器中进行颜色更改，但不能在我的css中进行复制。我也不能只在点击的时候改变颜色。我认为这可能是一个特定的问题。汉堡包按钮取自一个bootstrap示例。
下面的导航栏被编码为在左上角显示“食品，有限责任公司”，并隐藏所有其他链接，直到宽度减少到769px。当点击769px宽度时，汉堡按钮就会出现。当点击按钮时，这些链接就会显示为下拉列表。
我使用了一个红色的背景颜色作为例子，但任何颜色的变化都将受到欢迎！
我已经尝试尽可能具体地使用navbar-toggler类，看看我是否可以更改它，但不能。这是在ch
浏览 0提问于2019-04-25得票数 3
我正在尝试改变wordpress的响应式Bootstrap主题中的默认折叠行为，但我相当确定我的问题与bootstrap相关。
当屏幕宽度减小，移动菜单图标(汉堡包)被点击时，它会触发折叠菜单。我想删除此javascript触发器事件并创建一个新的自定义事件。
主题中按钮的HTML为：
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
&
浏览 10提问于2016-07-26得票数 0
在我读到的任何地方，ipad1的屏幕宽度都是1024x768。
我已经使用bootstrap构建了一个站点，在iPad上以横向模式查看站点时，会出现可折叠的导航按钮。它不应该。它应该只出现在宽度小于1024px的视口中。
然后我用$( jQuery ).width()闻出了窗口看到的宽度；它只报告了768px x 467px；
我有以下元标记：
meta width“viewport”content=“width=设备宽度”
浏览 4提问于2012-12-07得票数 3
回答已采纳
1回答
我有一个可折叠的肚脐菜单在R发亮。当菜单已经折叠，我点击汉堡按钮，选项就会出现。当我单击其中一个选项时，选择另一个面板(正确)，但菜单将保持打开状态。
(使用css)有可能做到这一点吗？“下拉菜单”(即选项列表)在我选择其中一个选项后立即关闭？
代码如下所示：
library(shiny)
ui <- tagList(
navbarPage(
title = NULL, id = "navBar", collapsible = TRUE,
tabPanel(title = "Panel1", uiOutput('panel1
浏览 1提问于2019-05-16得票数 0
回答已采纳
2回答
我需要隐藏汉堡包图标
这是我的工具栏
我需要隐藏导航栏的默认汉堡图标，并从另一个按钮加载它，导航栏需要出现在附件图标上，点击我的工具栏，并需要消失时，我点击外面(任何地方).Can这是做吗？
浏览 4提问于2017-11-30得票数 5
1回答
我使用的是带有angular js的bootstrap可折叠面板。我的可折叠面板如下所示 <div class="container"><br/>
<div class="form-group">
<div class="checkbox">
<label data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-co
浏览 11提问于2020-04-11得票数 1
首先，我看到试图把它放在中心位置。我尝试了这个解决方案，但它不起作用。出于某种原因，我在这上面找不到其他的东西。
如果我将导航栏的高度从默认大小更改为合适的大小(以便它可以将我的徽标保持在适当的大小)，则导航栏链接和汉堡菜单不再垂直居中。链接的位置我可以修复，但我没有做任何垂直居中的汉堡包按钮。这是我从React-Bootstrap站点为导航栏复制的代码，在响应模式下，汉堡按钮永远不会垂直居中。它位于页面的右上角。下面是我从React-Bootstrap站点复制的代码...
<Navbar collapseOnSelect staticTop>
<Navbar.Hea
浏览 2提问于2017-10-10得票数 0
1回答
CDN引导
、、、
今天早上，我第一次钻研Bootstrap，我的可折叠菜单出现了问题。当浏览器的大小低于768 at时，我可以看到右上角的汉堡包，但它没有任何功能。我有一种感觉，这是由于我使用一个CDN参考引导。
<!DOCTYPE html>
<html>
<head lang='en'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<
浏览 1提问于2015-12-22得票数 0
回答已采纳
3回答
我想以编程方式折叠除Bootstrap 3可折叠手风琴中的第一个项目之外的所有项目。然而，我遇到了一些奇怪的行为。请检查一下这把小提琴，告诉我出了什么问题。
$('button').click(function(){
var panels = $('#accordion').find('.panel-collapse');
panels.collapse('hide');
panels.first().collapse('show');
});
第一次单击该按钮时，行为与第二次单击时不同。
浏览 1提问于2015-07-29得票数 0
1回答
我在bootstrap4 navbar中添加了动画图标栏。它正在工作，但单击汉堡图标后，X将显示在屏幕的左侧，但它应该在汉堡图标出现的右侧。
浏览 0提问于2018-04-03得票数 0
我想用bootstarp制作可折叠的导航栏。我使用npm下载了bootstrap。
如何包含Bootstrap JS文件以使导航栏可折叠？
浏览 0提问于2019-10-01得票数 0
1回答
在bootstrap中，我想让两个导航栏位于彼此的下方。我的想法是：
导航栏1有一个品牌:主菜单。
导航栏2(在navbar1下面)有一个名为: sub menu的品牌。
当用户在他的移动电话上查看网站时，他/她看到两个可折叠的导航栏。用户现在可以选择要打开的导航栏。菜单或子菜单。
我只是复制了bootstrap网站上的标准代码：
奇怪的是。当我把浏览器变小的时候。此时会出现两个折叠的导航栏。“主菜单”和“子菜单”。当我点击main menu后面的按钮时，会出现主菜单。就像它应该的那样。但当我按下子菜单(取消折叠)按钮时。主菜单再次打开。不是子菜单。
我只是在链接中使用了bootstrap网站
浏览 1提问于2013-12-20得票数 20
回答已采纳
我正在创建一个安装在屏幕顶部的引导导航条，但在小屏幕上，我不希望出现向下显示文本的汉堡包按钮。相反，我只想让文本出现在导航栏上，就像在大屏幕上一样。
这是我的肚脐条码
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<a class=&
浏览 7提问于2015-01-02得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
