折叠 Bootstrap 4

Question

我最近安装了 Bootstrap 4 的折叠功能。当我单击显示卡片时，很好，可以工作，问题是第二次单击时，它不会折叠内容。我已经发布了代码；如果您能找出问题，请告诉我

<div id="accordion">

    <div class="card">

        <div class="card-header" id="headingTwo">

            <h5 class="mb-0">

                <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">

                    Welcome

                </button>

            </h5>

        </div>

        <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">

            <div class="card-body">

                json here

            </div>

        </div>

    </div>

</div>

Answer 1

您好，检查了 bootstrap 4。它工作正常。粘贴您的代码并检查其是否按预期工作。

Answer 2

注意该<div id="collapseTwo">属性data-parent设置为#accordion? 请务必将该属性设置为包含手风琴的任何元素的 ID，否则它将无法工作。