Question

在我最近的努力中，我遇到了一些关于Bootstrap 3的问题。问题涉及手风琴元素。示例是来自bootstrap页面的基本示例的一个副本。

<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>

主要问题是身高。身高是100％，例如，collapseOne是100％，但是它会将其压缩到内容高度，标准！重要的是没有帮助，例如600px正在拉伸它，这是不令人满意的。之前问题中的JS示例不起作用，因为它们是基于Jquery ui的。你有任何基于CSS的解决方案吗？

Answer 1

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

请发布一个小提琴，以及有关您想要达到的目标的更多信息。

Bootstrap手风琴高度

1 个答案: