我无法让折叠函数在Bootstrap上工作
折叠函数是Bootstrap框架中的一个组件，用于实现页面元素的折叠和展开效果。它可以通过点击触发器来切换元素的显示和隐藏状态。
在Bootstrap中，折叠函数主要通过以下步骤来实现：
- 引入Bootstrap框架：在HTML文件中引入Bootstrap的CSS和JS文件，确保正确加载框架。
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.5.0/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.5.0/js/bootstrap.min.js"></script>- 创建折叠元素：在HTML文件中创建需要折叠的元素，并设置唯一的ID作为标识。
<div id="collapseExample" class="collapse">
<p>折叠内容</p>
</div>- 添加触发器：在需要触发折叠效果的元素上添加触发器，通常是一个按钮或链接。
<button type="button" data-toggle="collapse" data-target="#collapseExample">点击折叠</button>在以上步骤完成后，折叠函数就可以在Bootstrap上正常工作了。点击触发器时，折叠元素会切换显示和隐藏状态。
关于折叠函数的分类，它属于Bootstrap框架中的组件之一，用于实现页面元素的交互效果。
折叠函数的优势在于它简单易用，能够快速实现页面元素的折叠和展开效果，提升用户体验。
折叠函数的应用场景包括但不限于：
- 导航菜单：可以使用折叠函数实现响应式导航菜单，在小屏幕设备上隐藏菜单项，提供更好的用户体验。
- 折叠面板：可以使用折叠函数实现折叠面板，用于展示和隐藏大段内容，节省页面空间。
- 手风琴效果：可以使用折叠函数实现手风琴效果，只展开一个内容区域，其他区域自动折叠。
腾讯云提供了一系列与云计算相关的产品，其中包括云服务器、云数据库、云存储等。具体推荐的产品和产品介绍链接地址如下：
- 云服务器（CVM）：提供弹性计算能力，支持多种操作系统和应用场景。产品介绍链接
- 云数据库MySQL版（CDB）：提供高性能、可扩展的MySQL数据库服务。产品介绍链接
- 云对象存储（COS）：提供安全、稳定、低成本的对象存储服务。产品介绍链接
以上是关于折叠函数在Bootstrap上工作的完善且全面的答案。
相关·内容
我在一个web应用上使用Bootstrap，它有一些包含iframe的页面。此时，我们无法删除iframe。Bootstrap下拉菜单可以很好地打开，但如果您单击页面中属于iframe的任何区域，则折叠事件不会触发。
示例如下：
尝试单击以在iframe外的任何位置关闭菜单，然后在iframe内关闭菜单。注意: iframe内容似乎没有显示在小提琴中，但您可以看到我的问题。
你知道怎么让它在点击页面的任意位置时折叠吗？
更新:在@baptme answer的帮助下，我能够让它工作。在我下面的回答中描述的。
浏览 2提问于2012-07-06得票数 7
回答已采纳
请大家注意，当前大多数ng-bootstrap包与最新发布的bootstrap (Alpha6)不兼容，包括所有折叠媒体(折叠、下拉、导航等)。
我还没有发现如何让这个包工作，我假设这个包使用了bootstrap不再支持的标签。我想我们将不得不简单地等待，直到开发人员更改所有的标签，这可能需要很长的时间(bootstrap alpha 6基本上是重写...)。
如果有人有办法让ng-bootstrap和bootstrap alpha 6更好地运行，请让我们知道！
浏览 12提问于2017-01-09得票数 0
回答已采纳
我正在使用knockout和Sammy为我的路由和导航构建SPA。我在使用MVVM模型时尽量保持清晰，因为我希望所有操作都绑定到我的VM中。
我正在尝试弄清楚如何在该模式中使用Bootstrap响应导航栏。我知道如何让Bootstrap nav使用切换按钮和导航栏-折叠，但我觉得为了对称，我应该在我的VM中这样做。
唯一的问题是，我不确定如何根据bootstrap使用的媒体查询进行数据绑定，以切换导航栏切换按钮和导航的折叠部分。
我试图跨越Knockout/Bootstrap流是不是很愚蠢？有没有一种干净的方法可以通过基因敲除绑定来连接Bootstrap生态系统？
谢谢
Tal
浏览 0提问于2014-09-29得票数 0
我正在尝试让Bootstrap 4导航栏只部分折叠。
基本上，我希望一些对齐到右边的项目始终可见，而如果你试图在移动设备上打开网站，左边的大多数导航栏项目都会折叠成菜单。
问题是，当您展开该菜单时，折叠的元素显示在固定菜单之前，正如您所期望的那样，但出于明显的美学原因，我希望它们显示在下面。
工作示例：
扩展时期望的结果：
访问折叠项目时所需的结果：
我一直在尝试元素的配置以及尝试float-right和float-right，但它被证明是无效的，如果不对为我奠定的基础Bootstrap进行重大改变，我不确定如何继续进行。有什么想法吗？
浏览 23提问于2018-08-11得票数 0
回答已采纳
1回答
我从这个链接使用Bootstrap标签折叠插件：。
这个插件在小屏幕(手机)上切换bootstrap tabs组件为折叠(折叠)，它在大屏幕上工作得很好，例如桌面。我在其中一个选项卡上有一个ajax调用。当标签显示在大屏幕(例如桌面)上时，这个ajax调用工作得非常好，但是当标签切换到小屏幕上的accordion时，ajax query不会被触发。以下是我的代码：
<ul id="details-tabs" class="nav nav-tabs">
<li id="my-charges" class="active
浏览 2提问于2015-10-05得票数 1
1回答
我试图使引导可折叠侧栏模板工作，但无法工作。它看起来应该看起来，但不会对按下按钮做出反应，尽管我已经从和jquery下载了“已编译的CSS和Js”，并将其包括如下：
<html>
<head>
<link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap-4.1.3/css/bootstrap.css">
<script src="${pageContext.request.contextPath}/bo
浏览 2提问于2018-10-28得票数 0
twitter-bootstrap 'hero‘示例()运行良好。冒着描述显而易见的事实的风险。在小屏幕上，当导航栏菜单被激活时，只有第一级项可见，子项被折叠。当点击具有子项的项时，子项将展开并变为可见。也可以通过再次点击父对象来折叠它们。
我在Joomla站点()上使用引导模板。不幸的是，当导航栏在一个小屏幕上被激活时，它会扩展许多子项。点击父项目不会展开/折叠其子项目。
如何让twitter-bootstrap导航栏子项在小屏幕上折叠/展开？是什么引导程序代码/文件导致了这种行为？
我知道一些css和javascript，但还不足以解决这个问题。
谢谢。
浏览 5提问于2013-04-06得票数 4
1回答
在单击相邻的div时，我有一些可以折叠或扩展的div (Bootstrap v3.2.0)。而且，这些div通过它们的内容( sticky -Kit - )粘稠。
所讨论的页面在这里，
当所有的div都展开时，粘性就可以正常工作了。但是，当我折叠一个div时，折叠div的标题仍然坚持它以前扩展的高度。
Sticky-Kit网站上的文件说：
如果要动态地通过删除、添加或调整元素来更改页面的标记，那么很可能需要告诉Sticky Kit重新计算粘性元素，以确保它们的位置正确。
因此，我将代码$(document.body).trigger("sticky_kit:recalc"
浏览 1提问于2014-08-10得票数 0
回答已采纳
2回答
我不确定这是否可能，但我希望有人能为我指引正确的方向，以实现我希望实现的目标。
我正在围绕twitter上的bootstrap构建一个网站；我在分区框上使用bootstrap折叠。默认情况下，此框不会折叠，但如果用户按下按钮并折叠此框，即使在页面刷新之后，我也希望此信息存储在客户端的某种缓存中。
假设用户折叠它们，明天返回；然后它们仍然会折叠，直到用户再次按下按钮。
我不会包括我的任何代码，因为我怀疑这不仅仅是添加的类(我无论如何都使用默认的类)，我也不能链接到项目，因为它在我们的内部网之外不可用。
不过，这里有一份来自jsfiddle上的bootstrap的副本。
任何帮助都将不胜感激。提
浏览 1提问于2012-08-06得票数 2
1回答
我有几个使用bootstrap的可折叠字段，如下所示：
<div id='toggle'>
<button type='button' data-toggle='collapse' data-target='#target' id='toggle'>Title</button>
</div>
<div id='target' class='collapse'&
浏览 2提问于2017-06-28得票数 3
回答已采纳
我一直在尝试使用Twitter的Bootstrap项目创建一个可以扩展和折叠的侧边栏，但我无法让它工作。我正在尝试使用他们的基本容器-流体布局作为起点。我甚至不能正确地隐藏侧边栏，并将“内容”区域扩展到整个屏幕的宽度。相反，侧边栏文本将消失，但内容区域不会扩展。我已经改变了侧边栏和内容的宽度，但我似乎不能改变它。谢谢你在这方面的帮助。
我也一直在找
浏览 0提问于2011-11-03得票数 8
1回答
我正在尝试使用Bootstrap中的折叠功能，而且它在很大程度上是有效的。我基本上是在制作手风琴，虽然它看起来不像手风琴，因为我只想一次只看到一个面板。不过，我没有使用Bootstrap的手风琴功能，因为它似乎依赖于使用面板，这是我不想做的。
因此，在它几乎正常工作之后，唯一的问题是，如果您展开一个div，然后单击'header‘(只是另一个div)来打开另一个div，那么原始div也会继续展开。它们并不是相互排斥的。我认为通过在我的jQuery脚本中添加一行(当单击'header‘div时)可以很容易地解决这个问题，这将在展开与单击的'header’关联的面板之前隐藏
浏览 0提问于2014-12-15得票数 0
回答已采纳
1回答
我有一个折叠/展开切换按钮，只在移动端显示(使用bootstrap)，但我也希望div在移动端默认是折叠的。我正在寻找的选项，以折叠的消息div只在手机上(它是默认折叠)
有没有办法让div在移动设备上折叠，但在桌面上扩展？
<a class="btn btn-primary hidden-lg hidden-md" data-toggle="collapse" data-target="#messages">Recent Messages <i class="icon-caret-down"></i
浏览 3提问于2014-05-19得票数 0
我刚开始使用Bootstrap，在我的网页上我有一个可折叠的导航栏。问题出在我的手机(Galaxy s6)上，它显示了没有将导航栏折叠到按钮中的列。有没有办法让导航栏在col sm上崩溃？或者，有没有一种方法可以知道设备是否是移动的，并以某种方式显示？
浏览 2提问于2015-08-21得票数 0
我使用您页面上的演示中的标记为Twitter Bootstrap的折叠功能创建了一个小提琴：
然后，有一次，我添加了一个对prototypejs折叠功能的引用，在单击了几次之后，它在每个折叠手风琴组上停止工作。我不确定问题是什么，也不知道如何纠正它。
这是一个自举问题，还是有办法绕过这个问题，让这两个js库存在于同一个页面上？
我已经尝试了jQuery noConflict，但没有成功，但感谢您的帮助。如果你可以给我一个工作的小提琴，那将是great...or任何洞察力。
谢谢。-John
浏览 0提问于2012-10-04得票数 4
我无法让Bootstrap accordion折叠在Firefox上正常工作。如果我单击accordion标题，它会显示一秒钟的内容，但不会保持打开状态。我也试过使用"toggle“："hidden"，但也不起作用。任何反馈或帮助都非常感谢，谢谢！
下面是我的代码：
<!DOCTYPE html>
<head>
<script src="/js/bootstrap-collapse.js"></script>
<script>
$(document).ready
浏览 1提问于2013-04-21得票数 1
回答已采纳
2回答
我有两个问题：
单击某一项时，如何显示它并隐藏所有其他项目
如何获得像navbar这样的可折叠响应侧栏
开始我的jsFiddle演示：
我在做可折叠的边栏菜单。
正如您在演示中所看到的，当我单击articles时，应该是折叠(隐藏)他人。然后，如果单击users、articles和其他具有子级别的项，则应该折叠(隐藏)。所以应该总是一个打开的菜单。
我尝试使用Bootstrap文档中的collapse，但无法使用以下代码：
$('#sidebar a').on('click', function () {
$(this).closest
浏览 2提问于2013-09-06得票数 5
回答已采纳
我是通过npm bootstrap 4.6.0和jquery 3.6.0安装的。
这段代码正在运行：
import jQuery from "jquery/dist/jquery";
import "bootstrap/dist/js/bootstrap";
(function ($) {
"use strict";
$("[data-toggle='tooltip']").tooltip()
})(jQuery);
相反，此代码无法工作，并出现错误Uncaught TypeErro
浏览 0提问于2021-03-10得票数 2
我正在尝试制作一个导航栏与正确的折叠动画时，有移动屏幕大小。 我一直在关注这个教程：https://angularfirebase.com/lessons/bootstrap-4-collapsable-navbar-work-with-angular/#ui-top-nav-component-html，并设法让它工作起来。但是，正如您在示例中看到的，您首先显示了一个块，然后滑动文本。当然，我希望文本和块同时滑动，就像在bootstrap documentation (Bootstrap navbar)中一样--要查看它，你只需缩小窗口并按下导航栏按钮，就可以看到菜单平滑地折叠。 可以通过
浏览 21提问于2019-02-10得票数 0
4回答
Bootstrap通常会在您单击某个折叠打开它时关闭其他折叠。
有没有一个选项或技巧可以让它保持折叠打开，除非显式关闭而不改变面板组的外观和布局？
浏览 2提问于2014-04-06得票数 37
我正在尝试用Twitter bootstrap来模仿Outlook栏，使用accordion和折叠插件，到目前为止我已经让折叠和折叠插件工作了，但它目前允许所有部分都折叠。
我希望对其进行限制，以便始终显示一个且只显示一个。
这是我正在做的一个：，我想它大概是
$('#accordions').on('hide', function (event) {
console.warn("HIDE TRIGGERED, check if trying to hide the active one if so stop");
})
浏览 2提问于2013-03-31得票数 45
回答已采纳
我的手风琴手风琴有问题。()
首先，一个显示问题的jsfiddle：
可折叠的组项目工作正常。接下来，我得到了一个隐藏和显示可折叠组项目的代码。它也可以工作，但如果用户执行这些步骤(所有代码示例都来自jsfiddle，我已经将代码减少到最少，所以不要搜索任何逻辑)：
1)活动组项目被隐藏。
$(".accordion-group").first().hide();
2)用户打开第二组项目(可见)。
3)显示先前隐藏的组项
$(".accordion-group").first().show();
4)用户无法打开第一个组项目...
如果第一个组项目在隐藏时被折叠
浏览 1提问于2013-04-29得票数 1
我正在尝试实现twitter bootstrap can plugin ()，但我似乎无法让它正常工作。我认为这是我的开发环境出了问题，所以我设置了一个JSfiddle，但我仍然收到相同的问题。下面是jsfiddle：
这是直接从bootstrap示例复制的HTML。
<div class="accordion" id="accordion2">
<div class="accordion-group">
<div class="accordion-heading">
浏览 0提问于2013-04-10得票数 8
回答已采纳
我有一个在Firefox和Chrome中工作的有点复杂的SPA。在IE8中没有太多信息的情况下，它会失败。完整的应用程序使用ngTable以及来自ui-bootstrap的标签和折叠面板组件，但是我已经能够在没有ui-bootstrap的情况下构建一个骨架版本，但仍然使用ui-bootstrap，它仍然无法在IE8中做任何有用的事情。
生成的框架使用单个选项卡和动态折叠列表，使用从存储的json文件加载的数据。
当我运行它I IE8时，我在控制台中只得到以下内容：
[object Error]<div class="tab-pane ng-scope" ng-repe
浏览 2提问于2014-03-07得票数 1
我在试着让ui bootstrap collapse。当我使用静态单折叠或双折叠系统时，它工作得很好，但在我的设计中，我使用ng-repeat来创建折叠，所以我不知道如何使用多重折叠，
我找到了这段代码，但它只适用于静态代码，
var app = angular.module("MyApp", ['ui.bootstrap']);
app.controller('mainController', function ($scope) {
$scope.trafficCollapsed = false;
$scope.urlColla
浏览 0提问于2016-08-29得票数 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崩溃工作。但是，我当前的代码不能展开或折叠折叠。相反，当您点击按钮时，页面会跳转到折叠正文所在的位置，而不会折叠它。我真的很困惑，因为根据bootstrap网站的说法，这似乎是正确的。下面是我的代码：
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Accordion</title>
<link rel="stylesheet" type=
浏览 0提问于2013-05-01得票数 1
回答已采纳
2回答
我试图从JSON文件中提取数据，并使用它填充一个导航菜单，该菜单由div组成，该菜单使用角UI可折叠函数折叠。
下面是我的代码()：
<!DOCTYPE html>
<html ng-app="samApp">
<head>
<link data-require="bootstrap-css@3.0.3" data-semver="3.0.3" rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0
浏览 0提问于2014-03-18得票数 0
回答已采纳
试图让我的导航栏保持在ipad大小。我使用了这里的代码：
但是当我应用上面的代码时，导航栏消失了(我的max-width为1200px)。代码的底部有这一部分，这将防止导航栏在Bootstrap 3中消失：
.navbar-collapse.collapse.in {
display: block!important;
}
然而，这段代码不适用于我。因此，我尝试在代码的第一部分添加collapse.in，其中.navbar-collapse.collapse是(第12行)。
导航栏现在出现，但未处于折叠状态，并在列表中显示导航栏项目，就像单击折叠的导航栏时一样。如何
浏览 2提问于2017-01-22得票数 0
2回答
我有问题与可折叠的菜单工作在一个大小以上的手机。我希望网站能够有可折叠的菜单在移动和平板电脑的肖像视图，但是一旦网站调整到大于移动(其中移动菜单仍然可见)，菜单将显示，但折叠功能将不起作用。我显示了应该隐藏的项目，当我单击菜单按钮将其折叠时，它会再次弹出。我看了看，但不确定这是否与我的问题有关，我也无法理解它。
我正在工作的网站在这里：
任何建议都是很棒的。我对响应式网页设计和Bootstrap仍然很陌生。提前感谢您的帮助。
浏览 5提问于2013-10-03得票数 1
3回答
我在我的项目中使用selectize.js 0.10.1和Bootstrap 3.0.1。当我在可折叠的Bootstrap面板外选择combobox时，一切都工作得很好，如图所示。
工作代码：
<section class="container">
<div class="row" style="margin-bottom: 20px">
<div class="col-lg-4">
<select id="zastoj"
浏览 1提问于2014-06-26得票数 5
在我尝试在.ts文件中获取/创建bootstrap实例之前，一切(导航栏、下拉列表)都工作得很好。当我插入get/create instance js代码时，我无法在展开后折叠导航菜单，下拉菜单也无法工作！ 以下是stackblitz上的源代码 如果你注释掉了下面的代码部分，那么一切都很好！ var modal = new Modal('#updatePwaModal');
modal.show();
浏览 12提问于2021-08-04得票数 3
回答已采纳
1回答
我对HTML相当在行，并且第一次使用Bootstrap，但我似乎无法让移动可折叠菜单在桌面上运行Chrome (大概还有其他浏览器)。
具有默认移动响应能力的iOS 7上的Safari在单击时显示菜单很好，但当浏览器被调整到类似移动的宽度时，在PC上的Chrome中单击菜单不会发生任何变化。
对不起，如果之前有人这么说过的话--刚刚通过了代码，无法真正理解为什么它不起作用！
第一次是这样，不知道如何把我的放在这里，所以它是。
谢谢偷窥者:)
浏览 1提问于2013-10-01得票数 2
回答已采纳
首先，我必须在我的应用程序中使用$animateProvider.classNameFilter()。它加快了一切。
在0.12.* angular-bootstrap中没有使用ngAnimate。所以我能够使用$animateProvider.classNameFilter(/animate/)和所有从angular-bootstrap到动画的东西。
现在我正在迁移到更新的Angular和Bootstrap版本。更改库文件后，折叠和折叠停止工作。我发现上面的函数导致了我的问题： (在example.js中注释/取消注释第4行)。
我能做些什么来正确使用这个函数？正则表达式应该是什么样子来覆盖
浏览 3提问于2015-09-14得票数 1
这是一个新问题，我在上一个中提到了它，只是为了避免再次发布代码。
我不想重新开始，所以我想知道如何让导航栏折叠，但以动画的方式，我有的代码可以工作，但导航栏仍然不会在点击时折叠。这也可以用bootstrap来完成吗？
对于bootstrap动画来说，这是一个全新的体验，我找不到任何包含好的指令或示例的库。任何链接将不胜感激，以及我的标题问题的修复。
提前谢谢。
浏览 8提问于2018-09-01得票数 0
1回答
在bootstrap中，我想让两个导航栏位于彼此的下方。我的想法是：
导航栏1有一个品牌:主菜单。
导航栏2(在navbar1下面)有一个名为: sub menu的品牌。
当用户在他的移动电话上查看网站时，他/她看到两个可折叠的导航栏。用户现在可以选择要打开的导航栏。菜单或子菜单。
我只是复制了bootstrap网站上的标准代码：
奇怪的是。当我把浏览器变小的时候。此时会出现两个折叠的导航栏。“主菜单”和“子菜单”。当我点击main menu后面的按钮时，会出现主菜单。就像它应该的那样。但当我按下子菜单(取消折叠)按钮时。主菜单再次打开。不是子菜单。
我只是在链接中使用了bootstrap网站
浏览 1提问于2013-12-20得票数 20
回答已采纳
1回答
折叠/折叠不能像我想要的那样工作，下面是我的代码：
下面是在脚本标记中包含JS的视图：
<div id="accordion" class="panel-group">
<div class="panel">
<div class="panel-heading">
<h4 class="panel-title">
<a href="#panelBodyOne" cla
浏览 0提问于2018-10-15得票数 0
下面是问题中的导航
我正在尝试在我的WordPress中实现引导带3导航。我的问题是：
当导航折叠并显示“菜单”按钮以展开菜单时，该按钮似乎什么也不做。它不会打开折叠的菜单。
检查第一个链接“自动营销”它有一个下拉项目，下拉操作良好，子菜单项上的链接运行良好，但是自动营销的主链接只显示了"#“的链接，因此它无法生成正确的链接。
在哪里，我可以设置菜单折叠在一个比现在更小的像素范围？
下面是我的header.php中要在菜单中显示的代码：
<nav class="navbar navbar-default" role="navigatio
浏览 0提问于2014-03-28得票数 0
我一直在R中使用代码折叠+代码折叠热键来组织我的脚本。如果所有的东西都在函数中，而函数完成了工作，那么折叠的代码是非常整洁的。
我们如何对下面的dashboardBody()调用进行代码折叠？如果在第32行和第33行之间添加#####，那么第33行下面的整个脚本就会折叠成一个折叠，这是有问题的，因为我只想让dashboardBody()函数在这里折叠到自己中。
我试过用花括号把整件事包起来
ui_body <- {dashboardBody(
# Shiny HTML Tags
tags$script(HTML("$('body').addC
浏览 5提问于2021-05-27得票数 0
回答已采纳
首先，我的问题是:在超小屏幕上查看菜单时，如何使菜单折叠？
这里有更多信息:我正在用Joomla 3.4.x建立一个网站。我已经制作了自己的Bootstrap 3模板。下面是测试服务器的网址：
菜单按计划工作，除了特别小的设备:当我打开页面时，菜单应该隐藏。然后当我点击右上角的“汉堡按钮”时，它应该会显示出来。相反，它总是显示并占据智能手机的大部分屏幕。如何在加载页面时使其折叠？
我甚至不确定这是一个CSS问题，还是jQuery，Bootstrap，或者你有什么…
先谢谢你，
Thom Thomsterdam.nl
浏览 6提问于2015-10-20得票数 0
由于我在服务器上下载了引导程序以使我的网站加载速度更快(谷歌现在是移动的第一步)，所以我在collapse.js上遇到了问题(根据检查人员的说法)。尽管我搜索了什么，但到目前为止，我还没有解决querySelector问题。
问题是当单击“折叠”引导类时，切换函数无法工作。
我在另一个线程上读到，我不得不替换bootstrap.js中的一些代码。我还没有改变任何密码。我现在拥有的是：
getSelectorFromElement: function getSelectorFromElement(element) {
var selector = element.getAttribute
浏览 2提问于2019-03-22得票数 0
回答已采纳
1回答
我需要一个可折叠的侧栏在我的bootstrap项目。我希望能够单击左侧蓝色栏上的顶部按钮，并使侧边栏中的所有内容折叠或显示。我需要这也在移动工作。我真的找不到任何解决方案，而不是克隆git repo之类的东西。做这件事最简单的方法是什么？
编辑:我的代码对这个问题并不重要，我使用bootstrap的网格系统为这个问题做了一个简单的预览
浏览 9提问于2020-05-21得票数 0
回答已采纳
13回答
AdminLTE基于Bootstrap：
实时预览：
但我不确定如何在默认情况下使可折叠框折叠。
我假设由于它是基于Bootstrap构建的，所以这应该是相当简单的。我尝试过其他实现，比如将id设置为"collapsedOne“，并尝试将div视为手风琴，但都无济于事。
在AdminLTE/app.js ~ 45行上，有实现向上/向下滑动以折叠框的代码。理想情况下，我们想要的是让这些框处于默认的“向上滑动”状态，其中类是“折叠框”，这样当单击图标时，它就会执行“向下滑动”。
/*
* Add collapse and remove events to boxes
*/
浏览 323提问于2014-07-20得票数 25
15回答
我在移动设备上的Bootstrap菜单下拉菜单出现问题(Bootstrap 2)。一个类似的问题被问到了带有下拉按钮的，然而这个问题的答案是bootstrap中的一个固有错误，这个问题在更新中得到了解决。我似乎也有同样的问题，所以可能是我的标记造成的？
我有一个带下拉菜单的可折叠导航栏，一切都可以在桌面浏览器上完美地工作。然而，在手机上，当你点击下拉列表时，下拉列表就会打开，但点击任何下拉列表链接都会将下拉列表再次折叠起来--这些链接是无法到达的。我尝试过不同的引导版本，但是不能纠正这个错误，所以我只能想象它是我的标记。这就是它：
<header class="navbar&#
浏览 3提问于2013-06-19得票数 30
回答已采纳
我正在使用导航栏中带有子菜单项的可折叠菜单。菜单在窄屏幕上可以正确折叠，并且子菜单项可以正确显示。
但是，当我在移动设备上单击子菜单项时，链接不起作用。相反，子菜单会折叠，并且折叠菜单上的顶部菜单项被高亮显示，就好像子菜单从未打开过一样，“单击”会穿过它到达下面的元素。
当我在桌面浏览器上测试页面时，一切都正常工作。
我已经定制了一些bootstrap样式，但主要用于颜色等。
有什么想法吗？蒂娅。
浏览 0提问于2013-07-03得票数 17
回答已采纳
我有一个web应用程序(我们称之为WA1)，它使用RequireJS加载jQuery和Bootstrap.js。这个应用程序内置到一个文件(main.built.js)中，并在另一个web应用程序(WA2)上的一个页面元素中运行。
(WA1也可以独立运行--无需内置到WA2中)
WA2通常加载jQuery和Bootstrap.js，但是main.built.js文件也包含jQuery和Bootstrap.js。
WA1的UI的一部分包含一个引导折叠元素。折叠/解压缩的操作由放在html中的数据属性触发。如果您看一下，应该崩溃的元素不能崩溃--我认为是因为崩溃操作被触发了两次--一次由WA2 B
浏览 7提问于2014-05-21得票数 2
回答已采纳
我是Angular的新手，在我的项目中我使用的是常规的Bootstrap。我的页面上有几个折叠按钮，我想让它一次只打开一个折叠按钮。如果用户打开一个折叠，然后单击下一个折叠的按钮，作为响应，第一个折叠应该关闭。 这个是可能的吗？我很难找到解决这个问题的办法。欢迎任何建议。
浏览 15提问于2020-03-31得票数 0
回答已采纳
1回答
我使用Bootstrap的折叠功能获得了一个手风琴菜单，我尝试根据Bootstrap用于显示和隐藏可折叠元素的CSS类对其进行样式化。
我的问题是，当文档被完全加载时，collapsed类不会加载在折叠的元素上，而它们看起来是折叠的。因此，我的页面呈现的是“打开”的样式，而每个可折叠的元素都按其应有的方式折叠。在最初的几次单击之后，collapsed类就出现了，样式按其应有的方式工作。
强制collapsed类在每个元素上加载DOM是解决问题的一种麻烦的方法，但是样式在改变之前仍然会出现一秒。
为了说明这一点，应该这样做：
塌陷状态
未崩溃状态
但是，在加载时，我得到了这样的结果，
浏览 1提问于2017-05-31得票数 1
我有一个带有gulpfile.js文件的angular应用程序，其中我的sass/css文件被缩小了。该应用程序之前没有使用bootstrap。但是由于新的需求，我不得不加入bootstrap-sass。
在gulpfile.js中，我可以添加脚本来执行以下操作：
gulp.task('styles', function() {
return gulp.src(["src/main.scss", "src/styles/**/_*.scss", "src/components/**/_*.scss"])
.
浏览 0提问于2016-11-25得票数 0
你能看看，让我知道如何关闭除Bootstrap 3中的第一个折叠之外的所有折叠吗？
$('.closeall').click(function(){
$('.panel-collapse.in')
.collapse('hide');
});
浏览 0提问于2015-07-30得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
