Bootstrap折叠文本装饰
基础概念
Bootstrap 折叠文本装饰（Collapse）是一种用于创建可折叠内容区域的组件。它允许用户通过点击标题来展开或折叠内容。这种组件在网页设计中非常常见，用于节省空间并提高用户体验。
相关优势
- 节省空间：折叠组件可以在不使用时隐藏内容，从而节省页面空间。
- 提高交互性：用户可以通过简单的点击操作来展开或折叠内容，增强了页面的交互性。
- 易于实现：Bootstrap 提供了现成的 CSS 和 JavaScript 类，使得实现折叠功能变得非常简单。
类型
Bootstrap 折叠组件主要有以下几种类型：
- 手风琴（Accordion）：多个折叠面板，每次只能展开一个。
- 折叠面板（Collapse Panel）：单个折叠面板，可以独立展开和折叠。
- 导航栏（Navbar）：折叠导航栏，适用于移动设备。
应用场景
- FAQ 页面：常见问题解答页面，用户可以点击问题展开答案。
- 导航菜单：在移动设备上，导航菜单可以折叠起来，节省屏幕空间。
- 详细信息展示：在列表或表格中，用户可以点击某一项展开详细信息。
示例代码
以下是一个简单的 Bootstrap 折叠面板示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bootstrap Collapse Example</title>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container">
<h2>Collapse Example</h2>
<button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#demo">
Click to expand/collapse
</button>
<div id="demo" class="collapse">
<p>This is the content that will be expanded or collapsed.</p>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>常见问题及解决方法
- 折叠功能不工作：
- 确保引入了 Bootstrap 的 CSS 和 JavaScript 文件。
- 确保使用了正确的
data-toggle和data-target属性。 - 确保 jQuery 和 Popper.js 已经正确引入。
- 折叠面板样式问题：
- 确保 Bootstrap 的 CSS 文件正确引入，并且没有其他 CSS 文件覆盖了 Bootstrap 的样式。
- 检查 HTML 结构是否正确，确保使用了正确的类名。
参考链接
通过以上信息，你应该能够了解 Bootstrap 折叠文本装饰的基础概念、优势、类型、应用场景以及常见问题的解决方法。
相关·内容
在Bootstrap accordion中，我不需要单击a文本，而是希望在单击panel-heading div中的任意位置时将其折叠。
我用的是Bootstrap 3，所以它不是手风琴，而是一个可折叠的面板。你知道怎么做整个面板可点击吗？
浏览 62提问于2013-10-08得票数 169
回答已采纳
我正在尝试制作一个导航栏与正确的折叠动画时，有移动屏幕大小。 我一直在关注这个教程：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
我有一个用bootstrap创建的布局，并且有一个“阅读更多”按钮来扩展文本。当文本被展开时，它会变成“显示更少”。我的问题是，当用户点击“显示更少”按钮时，按钮文本首先会变成“阅读更多”，然后文本(段落)才会折叠。这个时间差是很明显的。但是，有没有办法让按钮在文本折叠后改变其文本，或者以某种方式使这种时差不那么明显？
在我的js文件中，只有更改按钮文本的代码，文本切换完全在bootstrap上，也许我不应该为这个特定的按钮使用bootstrap？
请注意，我的问题不是将按钮文本从“阅读更多”更改为“显示更少”本身，我知道有很多解决方案。
“阅读更多”按钮的标记：
<p>Initi
浏览 1提问于2017-09-03得票数 1
在Bootstrap上，而不需要点击a文本时，我希望在单击panel-heading。 我正在使用Bootstrap3。所以，它不是accordion，而是一个可折叠的面板。知道怎么做整个面板可点击吗？
浏览 151提问于2018-03-26
回答已采纳
我正在使用bootstrap accordion。在这种情况下，您可以根据一个div的i展开和折叠一个div，但在我的场景中，我希望有两个div展开和折叠。这两个div不是放在同一列中，而是放在不同的列中。
Here is the Example `
单击可折叠组项目#1标题时，应显示和隐藏面板1文本。
浏览 0提问于2020-02-20得票数 1
我见过无数用引导程序制作的边栏导航菜单的例子，但似乎没有一个是我喜欢的。
我想找几个特色：
每个菜单项都有一个图标和文本。
折叠:折叠时只显示图标和顶层菜单项。
折叠/解压时的简单动画(侧边栏在内容上显示)
顶层菜单项和子菜单项(层次结构)
是否可以使用Bootstrap + javascript在侧边栏上拥有所有这些特性？
浏览 3提问于2016-11-07得票数 0
1回答
我正在使用Bootstrap accordion menu ，我希望它在可折叠不折叠时在文本前有小+号，在可折叠时在文本前有小符号。我正在使用以下事件侦听器
$('.collapse').on('show', function(e){
$('.collapsed-status').innerHTML('- ');
});
$('.collapse').on('hide', function(e){
$('.collapsed-status
浏览 0提问于2013-06-10得票数 1
回答已采纳
2回答
我用bootstrap在php中创建了一个移动支付页面。如果访问者点击文本，面板就会展开。但是，如果访问者点击附近的文本，面板就不会扩展。这是没有用的。
如何将折叠的面板转换为完全可点击的面板？
浏览 5提问于2015-01-02得票数 3
我有一个管理模板，我想使用Blazor。我已经把所有的JavaScript和jQuery UI和CSS放在了_host.chtml文件上。然后，我将模板分割成导航、页眉和页脚等布局。
加载仪表板页面后，所有的bootstrap js功能，如可折叠菜单，关闭按钮对话框，都不起作用。
但是，当我尝试单击页面中的href链接，然后单击back按钮时，JavaScript功能正常工作。
如果你有一堆与jQuery捆绑在一起的CSS用户界面和引导JavaScript，那么它就不会工作。
浏览 0提问于2019-08-09得票数 1
我正在创建一个切换，当单击一行文本时，更多的文本会落在下面，再次单击时，文本会折叠。我试图让文本的颜色在折叠时为蓝色，打开时为红色。我有这个工作，除了在初始页面加载，文本颜色不显示为折叠的颜色。谢谢你的帮助。 .accordion-toggle {
color: rgb(176, 26, 33) !important;
}
.accordion-toggle.collapsed {
color: #3a70a1 !important;
} <!DOCTYPE html>
<html lang="en">
<head>
浏览 31提问于2020-06-11得票数 0
1回答
我一直试图在我的Qualtrics调查中包括可扩展/可折叠的文本，但似乎无法让它发挥作用。我将其放入描述性文本部分，并将其粘贴到html视图中。调查设计部分的问题本身似乎使用html，但是当我单击预览时，文本是不可扩展/可折叠的。所有的文本都在那里，包括应该隐藏的内容。有没有人知道如何做到这一点？下面是实现这一点的最新且最简单的尝试：
<div>
<details>
<summary>What is the purpose of the research?</summary>
To help us explore feelings of
浏览 21提问于2018-06-05得票数 0
回答已采纳
我希望有一个链接，看起来就像纯文本，除了光标，使用尽可能少的css。
问题是：<a>有蓝色(在悬停时会变暗)，在悬停时也有下划线。我希望它看起来像纯文本(黑色没有下划线)。
通过使用Bootstrap类“文本-黑暗”，我设法去掉了蓝色。但是，如何在不编写css的情况下消除下划线(文本修饰)？
.no-underline:hover {
text-decoration: none;
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/c
浏览 0提问于2018-04-03得票数 16
回答已采纳
我正在使用Twitter Bootstrap附带的树折叠来构建我的菜单。我遇到的问题是，我希望默认情况下所有菜单列表都是折叠的，除了我们当前所在的那个。下面是该菜单的一个示例：
例如，如果用户当前在Bootstrap --> Buttons -> Colors页面上，则除Bootstrap --> Buttons -> Colors之外的所有顶级菜单都应折叠，按钮下的窗体也应折叠。有人知道怎么做吗？
浏览 5提问于2013-08-12得票数 1
1回答
在调整转换时间后仍延迟单击
、、、、
这里有一个例子：
我试图在Bootstrap中使用折叠函数，每次我单击扬声器头来展开折叠时，都会有一个很短的延迟，然后图像会出现，并将文本向下移动。我想让这件事变得更顺利。我想图像已经加载了。我尝试过将时间更改为一个很小的数字，以近似不进行转换(根据线程)，但它似乎不太适用。知道我能做什么吗？非常感谢。
浏览 3提问于2014-09-12得票数 1
回答已采纳
我正在用Bootstrap构建一个网站，我有一个由按钮组成的垂直菜单，这些按钮有一个FontAwesome图标和文本。对于XS屏幕，我不希望菜单完全折叠，但我希望文本消失，按钮缩小到图标的大小(不应该消失)。我怎样才能让它做到这一点呢？
浏览 0提问于2014-11-15得票数 0
使用angular-UI-Bootstrap 0.9.0，现在已经完全支持bootstrap 3.0。在Awesome...with bootstrap 3.0中，我可以通过指向ID目标来进行折叠，但是我不知道如何使用angular-UI代码来实现。它似乎只是在说，“找到所有的isCollapsed并将其转储”，所以现在所有可折叠/可扩展的容器都可以同时操作，而不管您使用哪个折叠链接。我的代码与相同，但在同一个控制器中有多个折叠对象和链接。想法？
浏览 1提问于2014-01-07得票数 0
我想用bootstarp制作可折叠的导航栏。我使用npm下载了bootstrap。
如何包含Bootstrap JS文件以使导航栏可折叠？
浏览 0提问于2019-10-01得票数 0
当可折叠的bootstrap 3被折叠时，如何将类添加到div？我需要一个代码，添加类darken时，div是折叠的。关闭可折叠对象时，应删除类darken
#content {
width: 400px;
padding: 20px;
border: 3px solid #EEE;
margin-top: 20px;
text-align: center
}
.darken {
background: #EEE;
color: #FFF;
}
<link rel="stylesheet" href="https://maxcdn.bootst
浏览 65提问于2018-02-28得票数 1
1回答
我的问题是如何使用屏幕。我的应用程序正常工作，但ı假设，如果ı改变屏幕的维数(例如，银河ı)，它就会下降。
这就是正常工作的方式
强文本
这是错误的
这个问题与NavigationBar有关。我尝试设置MACHPARENT参数，通常以编程的方式使用DisplayMetrics度量= this.getResources().getDisplayMetrics()；width = metrics.widthPixels；height = metrics.heightPixels - Utils.getStatusBarHeight(getContext())；这段代码。但当我隐藏s
浏览 1提问于2017-08-20得票数 3
1回答
引导折叠类不能正确切换
、、、
我正在尝试使用Bootstrap崩溃类。我有两个问题。第一种情况是，当我最初单击“折叠”按钮时，需要第二次单击才能折叠div。第二，当它折叠时，div包含的文本仍然是可见的。我可以看出塌陷是在做些什么，因为我在外部div周围加了一个边框。
JSFiddle演示了这个问题：
<div style="border: 3px solid #A9A9A9">
<button data-toggle="collapse"
data-target="#Info_Collapse"
class=&#
浏览 0提问于2018-01-18得票数 2
回答已采纳
<div class="row">
<div class="col-sm-2 text-right">Step 1.</div>
<div class="clearfix visible-xs"></div>
<div class="col-sm-10> Click to Upload Photos</div>
</div>
"Step“标签在桌面宽度时文本右对齐，但当它折叠
浏览 2提问于2013-11-15得票数 1
3回答
带可折叠页脚的引导布局
、、、
我想要像下面这样的布局。顶部标题(非粘性)和底部通知面板。我们计划在通知面板中显示可滚动的文本。我们也希望有用户来折叠这个面板，这样他只能在他想看到的时候看到这个。
如何使用引导程序来设计这样的布局(我使用的是最新版本)
通知面板的高度可以通过css来确定。
我尝试了下面的标记，但是我有以下问题。
我无法为底部div设置百分比高度(以支持不同的监视器)。
我不知道如何使它可折叠(手风琴的鞋带可能是？)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.m
浏览 5提问于2015-02-17得票数 4
回答已采纳
如何根据用户的选择展开和折叠Bootstrap accordion面板意味着如果我展开A可折叠面板，然后展开B可折叠面板，则A不应该折叠。如果用户想要折叠它，那么可以通过单击符号来完成。
浏览 1提问于2015-08-13得票数 1
11回答
我正在尝试使用Bootstrap创建一个可折叠的组件。我的代码是
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<div class="panel-group&
浏览 152提问于2014-04-09得票数 36
回答已采纳
2回答
我不确定这是否可能，但我希望有人能为我指引正确的方向，以实现我希望实现的目标。
我正在围绕twitter上的bootstrap构建一个网站；我在分区框上使用bootstrap折叠。默认情况下，此框不会折叠，但如果用户按下按钮并折叠此框，即使在页面刷新之后，我也希望此信息存储在客户端的某种缓存中。
假设用户折叠它们，明天返回；然后它们仍然会折叠，直到用户再次按下按钮。
我不会包括我的任何代码，因为我怀疑这不仅仅是添加的类(我无论如何都使用默认的类)，我也不能链接到项目，因为它在我们的内部网之外不可用。
不过，这里有一份来自jsfiddle上的bootstrap的副本。
任何帮助都将不胜感激。提
浏览 1提问于2012-08-06得票数 2
1回答
我试图通过使用来自decorate的mobx-react来创建可观察的属性，但是，我得到了错误：
Uncaught TypeError: Object(...) is not a function
at Object../src/vrp-ui/Button.js (Button.js:32)
at __webpack_require__ (bootstrap 8330eff5292135af9e26:19)
at Object../src/map/StudentsMap.js (logo.svg:1)
at __webpack_require__ (bootst
浏览 0提问于2018-05-24得票数 2
回答已采纳
我使用Bootstrap中的，并且我还想相应地更改另一个元素的类(更改fa-icon的类)。我也使用AngularJS，我喜欢在ngClass中使用condition的想法，如下所示：
<i ng-class="collapsableItemId.hasClass('in') ? 'fa-chevron-up' : 'fa-chevron-down'">
当项目未折叠时，bootstrap会向其添加in类。我想尝试在可折叠项目中根据类的存在来更改图标，但没有成功。在bootstrap手册中也提到了折叠生成，我可能会用到
浏览 1提问于2016-04-08得票数 1
我正在使用jquery同位素作为联邦监管活动的可排序文本列表。我们在一个摘要中列出每个更新，每个摘要的列表可能会变得相当长。我已经添加了Bootstrap简单的手风琴面板到超过两次更新的项目，以使每个项目面板的高度相当一致。当我打开一个折叠面板时，同位素窗格不会调整大小以容纳展开的折叠面板。
关于如何让同位素面板调整高度以处理展开的手风琴，有什么想法吗？
谢谢!
浏览 3提问于2013-05-20得票数 1
我使用的是twitter-bootstrap-rails gem，默认情况下导航栏是可折叠的，这真的很烦人。那么，我该如何完全移除这个特性呢？
我到底要在bootstrap_and_override.css.less中放入什么才能使它不可折叠？
浏览 1提问于2012-08-26得票数 0
请大家注意，当前大多数ng-bootstrap包与最新发布的bootstrap (Alpha6)不兼容，包括所有折叠媒体(折叠、下拉、导航等)。
我还没有发现如何让这个包工作，我假设这个包使用了bootstrap不再支持的标签。我想我们将不得不简单地等待，直到开发人员更改所有的标签，这可能需要很长的时间(bootstrap alpha 6基本上是重写...)。
如果有人有办法让ng-bootstrap和bootstrap alpha 6更好地运行，请让我们知道！
浏览 12提问于2017-01-09得票数 0
回答已采纳
我使用Bootstrap折叠面板来显示注册表，如下所示：
我想从这个页面的PinSerialNumber，并显示在下一页上的按钮点击，我已经做了以下：
Page prepage = Page.PreviousPage;
if (prepage != null)
{
lblSponsorName.Text = ((TextBox)prepage.FindControl("txtSponsorName")).Text;
}
但是文本没有显示在下一个page.Where上，我是不是错了？
浏览 1提问于2014-07-30得票数 1
显然这应该很简单。经过大量的挖掘，我还没有找到任何有用的东西。我的SSRS报告中有一个行组，其可见性由文本框切换。我想让文本显示在textbox中折叠，而在展开它时隐藏。
但是我找不到这个组的任何属性可以给我它的切换状态。我在几个论坛上发现这是不可能的。作为解决办法，我尝试了InScope()函数(如中所建议的)。但没有结果。有人有什么建议吗？
浏览 1提问于2012-09-26得票数 1
我在网站上有bootstrap accordion，它是水平放置的(内嵌块面板)
Bootply -
当我试图打开图像下面的文本面板时出现问题，因为所有其他三个面板都滚动到折叠面板组的底部。示例- ...
你能帮助我如何修复所有的面板，当打开任何面板正文文本的顶部？
当我将.panel-default样式更改为position: absolute时，所有四个面板都出现在彼此的上方。Live example here -
浏览 6提问于2016-07-14得票数 1
回答已采纳
我使用的是angularjs，它具有ng重复的一些数据和一个筛选值输入文本框，带有div的数据是可以折叠的，但当我使用与折叠div相关的数据将任何内容过滤到文本框中时，已经折叠其非expanding.Here的框是下面的代码，也是柱塞中的代码。
HTML
<script src='https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.1/angular.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/an
浏览 0提问于2019-01-08得票数 1
回答已采纳
1回答
我在理解b/w折叠和面板折叠的区别时有点困惑，因为它们几乎都有相同的目的，那么为什么我们在处理Bootstrap中的面板时也必须使用面板折叠。
浏览 1提问于2016-11-18得票数 0
我刚接触编程和Twitter Bootstrap大约2个月，所以请善待我！
我做了很多挖掘和搜索，但我不确定我用的是正确的术语，所以我想我应该直接问。
我正在尝试创建一个展开/折叠全部按钮，它将展开或折叠标题标题下的所有项目。标题标题下的项包括文本片段和图像。我希望能够通过单击标题标题来展开/折叠文本部分。我希望能够通过单击按钮来展开/折叠文本和图像。
问题是:我想按下按钮来展开/折叠所有内容，而不管文本片段是展开还是折叠。
这是jsfiddle：
正如您所看到的，该按钮将切换项的打开或关闭，而不是它们的当前状态。有没有一种方法可以进行“通用”展开/折叠，而不管嵌套项是展开还是折叠？
基本上，
浏览 3提问于2013-04-25得票数 1
我是web应用程序开发的新手，正在尝试使用Django。我使用Django Rest Framework实现了一个API，一开始似乎运行得很好。
我尝试添加一些引导程序来连接到我的前端(React)，现在当我使用"python manage.py runserver“运行Django时，我收到了一个AttributeError。我不确定如何调试这个错误。
下面是完整的堆栈跟踪，上下文的my views.py和urls.py。
堆栈跟踪
Unhandled exception in thread started by <function check_errors.<local
浏览 251提问于2018-06-02得票数 3
回答已采纳
我知道vim的折叠颜色可以通过以下方式设置：
highlight Folded ...
但我想要的是删除这个突出显示(甚至是默认配置)，这样折叠的行将通过折叠段落的第一行的语法来突出显示。
有没有办法做到这一点？
浏览 27提问于2017-08-30得票数 1
我正在使用一个reactjs里面的按钮，这是使用bootstrap@3.3.6折叠的
<div id="collapsing_button" className="collapse">
<button>Collapse</button>
</div>
如何确定按钮是否已折叠？或者我如何知道折叠状态和未折叠状态之间的切换？
浏览 6提问于2017-12-11得票数 0
回答已采纳
我需要帮助隐藏/折叠导航栏后，在一个锚点登陆页面。 我在Bootstrap 4.x上使用了这个脚本 <script type="text/javascript ">
$(document).on('click', '.navbar-collapse', function(e) {
if ($(e.target).is('a')) {
$(this).collapse('hide');
}
});
</script&g
浏览 46提问于2021-06-29得票数 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
回答已采纳
1回答
我试图有一个可折叠的面板，其中包含多个控件-文本框、标签、下拉列表等，但每当我使用以下代码时，折叠动画显示，但项目仍然可见。
这是我试图做的事情的一个例子：
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bo
浏览 0提问于2018-09-10得票数 0
回答已采纳
我有一些<span>的
<span>SOME TEXT HERE</span>
<span> MORE TEXT</span>
<span class="the-bootstrap-class-to-stripe-text">ANOTHER TEXT BUT STRIPED</span>
我没有找到如何在引导程序中分割文本。
我用
<span><s>ANOTHER TEXT BUT STRIPED</s></span>
但还有别的办法吗？这
浏览 15提问于2022-01-10得票数 0
回答已采纳
我在Rails 3.1.2项目中使用Twitter 2.0.1，该项目是用引导-sass实现的。我正在同时加载bootstrap.css和bootstrap-responsive.css文件，以及bootstrap-collapse.js Javascript。
我有一个类似于的导航条的流体布局。这遵循导航栏“响应变化”指令。它工作得很好:如果页面比大约940 to窄，那么导航条就会折叠并显示一个“按钮”，我可以点击这个按钮来展开。
不过，我的肚脐看起来很好，大约550 to宽，也就是说，除非屏幕非常窄，否则它不需要折叠。
如果屏幕宽度小于550 is，我如何告诉Bootstrap只折叠导航条
浏览 16提问于2012-02-23得票数 94
回答已采纳
1回答
我有以下几行代码
<script src="dassets/jquery/jquery-1.10.2.min.js"></script>
<script src="dassets/bootstrap/js/bootstrap.min.js"></script>
<script src="dassets/prettify/run_prettify.js"></script>
<link href="dassets/bootstrap-dialog/css/boot
浏览 1提问于2015-05-17得票数 0
2回答
引导程序折叠数据-目标选择器失败
、、、、
我一直在尝试在一次点击中折叠多个目标。根据Bootstrap文档，这可以通过指定具有data-target属性的匹配CSS选择器来实现。但是，折叠似乎只在与选择器匹配的第一个元素上起作用。最小示例如下：
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256
浏览 25提问于2017-08-18得票数 0
回答已采纳
4回答
Bootstrap通常会在您单击某个折叠打开它时关闭其他折叠。
有没有一个选项或技巧可以让它保持折叠打开，除非显式关闭而不改变面板组的外观和布局？
浏览 2提问于2014-04-06得票数 37
我使用了bootstrap JavaScript库，并使其能够折叠/展开元素。代码如下所示：
<div id="e_ticket_info" class="e_ticket_font" runat="server" Visible="False">
<div class="panel-group" id="accordion">
<div class="panel panel-default">
&l
浏览 0提问于2013-10-21得票数 4
回答已采纳
4回答
崩溃中的bootstrap下拉，
、、、、
我使用的是Bootstrap 2.0.3，在div中有可折叠/可扩展的下拉菜单。当下拉菜单溢出div时，它们会被切断(但它们不应该被切断)。Jsfiddle演示：
在Bootstrap 2.0.2中，菜单不会被切断：
我通过使用css规则找到了半个变通方法，如下所示：
#stuff.in {
overflow: visible;
}
每当标记为“折叠”的div展开时，bootstrap就会添加“in”css类。
不幸的是，这个变通方法在Firefox中完全失效了。
有什么想法吗？我正在考虑降级到Bootstrap 2.0.2，但那将是痛苦的。
浏览 2提问于2012-08-13得票数 15
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
