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

Question

如何使用完全高度的折叠面板？

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

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

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

但它没有用。

Answer 1

我发现了这个快速的伎俩：

.collapse.in{
    height: 100vh;
}

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

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

此外，所有现代浏览器都支持此功能。