Bootstrap 3 折叠块 - 显示方向

Posted 2023-03-24

【中文标题】Bootstrap 3 折叠块 - 显示方向

【英文标题】：Bootstrap 3 collapse block - direction of showing

【发布时间】：2020-12-12 10:32:23

【问题描述】：

我需要有关调整或插件的建议，以使“collapseExample”在单击后始终向下打开。

<a data-toggle="collapse" href="#collapseExample" aria-expanded="false" aria-controls="collapseExample">Link with href</a>

<div class="collapse" id="collapseExample"><div class="well">...</div></div>

谢谢你的建议

【问题讨论】：

不是总是向下折叠吗？

没有。如果您滚动下方并点击“Zobrazit více ....”，内容将在amtek.cz/vykonove-polovodice 打开。需要稍微滚动页面

您好，只是想问一下我下面的回答是否为您解决了问题？

【参考方案1】：

您必须将可折叠部分放在切换它的按钮下方。将 ID 为 c782 的 div 放在 div 下方，即当前位于其下方 - <div class="btn-group-2 btn-group-bs bg-group--bg-ico">（它是带有按钮的 div）。

【讨论】：

您的解决方案很好。拆包总是向下进行。但是因为展开的内容比较长，所以底部缺少了关闭按钮。因此，html 的排列方式是按钮始终位于展开块下方。

所以如果我理解正确的话，您希望内容向下展开，但切换按钮应该在展开的内容下方？

是的，你很明白。