Bootstrap手风琴怎么只展开一个面板？
我用Bootstrap 5写了个手风琴，但点开一个面板后，其他已经打开的不会自动关闭，导致多个面板同时展开。不是说手风琴默认只能展开一个吗？
我检查了data-bs-parent属性，也加了容器ID，但还是不行。这是我的结构：
<div id="myAccordion">
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne">
Item 1
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#myAccordion">
<div class="accordion-body">Content 1</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo">
Item 2
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#myAccordion">
<div class="accordion-body">Content 2</div>
</div>
</div>
</div>是不是哪里写错了？为什么不能互斥展开？
- 1
回答
24浏览
Bootstrap手风琴怎么让默认展开第一个面板？
我用Bootstrap 5写了个手风琴，但页面加载时所有面板都是折叠的，我想让第一个默认展开，试了加show类没生效，是不是还要改别的地方？ 这是我的结构： <div class="accord...
- 1
回答
57浏览
Bootstrap徽章怎么动态更新数字不刷新页面？
我用Bootstrap的badge做消息通知，但不知道怎么在JS里动态改数字。试过直接改innerHTML，结果样式没了。 比如原来代码是5，我想改成10，但一替换整个span就变普通文字了。 是不是...
- 2
回答
139浏览
为什么我的UIkit手风琴只能展开一个面板？
我用UIkit做手风琴菜单时，设置成允许多展开后完全失效，只能同时打开一个面板。按照文档写了data-uk-accordion="{multiple:true}"，但不管怎么调整都没效果，控制台也没报...
- 1
回答
34浏览
Bootstrap栅格系统在小屏幕上布局错乱怎么办？
我用Bootstrap 5写了个两栏布局，大屏显示正常，但一到手机上就重叠了。明明用了col-md-8和col-md-4，按理说小屏应该自动堆叠才对啊？ 试过加col-12前缀也不行，控制台也没报错，...
- 1
回答
31浏览
Bootstrap表单的输入框为什么高度不一致？
我在用Bootstrap 5写一个登录表单，发现文本输入框和下拉选择框的高度不一样，看起来很别扭。明明都加了form-control类，但select比input矮一点，这是啥原因？ 我试过加form...
- 2
回答
52浏览
Bootstrap卡片里的图片怎么总是变形？
我用Bootstrap的Card组件放了一张产品图，但图片在不同屏幕下老是被拉伸变形，看着特别难受。明明原图是正方形的，结果在手机上变成宽屏了。 我试过直接用 <img src="...">...
- 2
回答
31浏览
Bootstrap按钮样式不生效是怎么回事？
我按照Bootstrap文档加了btn和btn-primary类，但按钮看起来还是浏览器默认样式，完全没有Bootstrap的蓝色样式。是不是哪里漏了？ 我已经在HTML里引入了Bootstrap的C...
- 1
回答
79浏览
Bootstrap面包屑导航点击没反应是怎么回事？
我用Bootstrap 5写了个面包屑导航，样式显示正常，但点链接完全没跳转，控制台也没报错。 明明写了<a href="/home">首页</a>，但点击后页面就是不动，是哪...
- 1
回答
156浏览
Bootstrap徽章怎么在按钮里垂直居中显示？
我用Bootstrap 5给按钮加了个badge徽章，但徽章总是偏下，看起来没对齐。试过加align-items-center和d-flex，还是不行。 代码是这样的： <button type...
- 1
回答
26浏览
Bootstrap徽章数量更新后样式错乱怎么办？
我在用Bootstrap 5做消息通知徽章，通过JS动态更新badge里的数字，但改完之后徽章变宽还换行了，明明内容没超啊？ 我试过直接改innerText，也试过先清空再append新文本节点，都不...
data-bs-parent属性放错位置了。在 Bootstrap 5 里，
data-bs-parent应该放在触发按钮（accordion-button）上，而不是放在折叠面板（accordion-collapse）上。你现在把它放在div元素上，浏览器根本识别不到这个配置。正确的写法应该是这样：
改动有两个地方：
第一，每个按钮上都加上
data-bs-parent="#myAccordion"，指向同一个父容器 ID。第二，
accordion-collapse的div上不再需要data-bs-parent属性，删掉就行。这里需要注意的是，Bootstrap 5 和 Bootstrap 4 在这点上正好相反。Bootstrap 4 是把
data-parent放在 collapse 元素上，而 Bootstrap 5 改成了放在触发按钮上。如果你之前是用 Bootstrap 4 迁移过来的，这点很容易踩坑。改完应该就正常了，点击任意一个面板，其他打开的会自动收起来，只保留一个展开状态。
class="accordion"，加上它就能互斥展开了。