Bootstrap 手风琴高度

Question

在我最近的工作中，我遇到了一些关于 Bootstrap 3 的问题。这个问题是关于手风琴元素的。示例是来自引导页面的基本示例的一对一副本。

<div class="panel-group" id="accordion">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
                    Collapsible Group Item #1
                </a>
            </h4>
        </div>
        <div id="collapseOne" class="panel-collapse collapse in">
            <div class="panel-body">
                Anim pariatur cliche reprehenderit, enim eiusmod.....
            </div>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
                    Collapsible Group Item #2
                </a>
            </h4>
        </div>
    </div>
</div>

主要问题是高度。 body height 是 100%，end 例如 collapseOne 是 100%，但它会将它捕捉到内容高度，标准 !important 没有帮助，例如 600px 正在拉伸它，这并不令人满意。前面问题中的 JS 示例不起作用，因为它们是基于 Jquery ui 的。你有任何基于 CSS 的解决方案吗？

Answer 1

折叠面板在打开时具有height:auto 的内联样式，这使得它可以收缩包裹内容。我不确定你想要达到什么目标，但这就是为什么高度不是你所期望的线索。

请发布一个小提琴和更多关于你想要达到的目标的信息。