带有全高面板的 Bootstrap 折叠手风琴（没有 JqueryUI）

【问题标题】：Bootstrap collapse accordion with full height panels (without JqueryUI)带有全高面板的 Bootstrap 折叠手风琴（没有 JqueryUI）
【发布时间】：2015-11-20 23:46:31
【问题描述】：

如何使用全高折叠面板？

喜欢这个问题：Twitter Bootstrap accordion full height panes 但是没有 jquery UI 并且只有 bootstrap？

我试过这个：http://jsfiddle.net/5xdp9prh/

$('#collapseTwo').collapse('show').height('auto');

但它不起作用。

【问题讨论】：

标签： twitter-bootstrap accordion collapse

【解决方案1】：

我发现了这个快速技巧：

.collapse.in{
    height: 100vh;
}

vh 表示视图高度，如果您希望元素与窗口一样宽，它也可以与 vw 一起用于视图宽度。一个单位代表您正在使用的视口大小的 1/100 :)

这是一个工作示例。 https://jsfiddle.net/bebwgwj0/

此外，所有现代浏览器都支持这一点。

【讨论】：