【问题标题】:Collapse Bootstrap 4折叠引导程序 4
【发布时间】:2020-10-25 11:29:12
【问题描述】:

我最近为 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>

【问题讨论】:

    标签: php html bootstrap-4


    【解决方案1】:

    注意&lt;div id="collapseTwo"&gt;data-parent 属性设置为#accordion?请务必将该属性设置为包含手风琴的任何元素的 ID,否则将不起作用。

    https://www.codeply.com/p/vmRvzOHcEr

    【讨论】:

      【解决方案2】:

      您好,使用 bootstrap 4 检查。它工作正常。请找到以下链接

      https://www.codeply.com/p?starter=Bootstrap%204

      粘贴您的代码并检查其是否按预期工作。

      【讨论】:

        猜你喜欢
        • 2020-08-20
        • 1970-01-01
        • 2018-04-24
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2017-07-16
        • 2013-03-10
        相关资源
        最近更新 更多