.collapse-non-md {
    height: 0;
    display: none;
}
.collapse-non-md.collapsing {
    display: block;
}

@media (min-width: 992px) {
    .collapse-non-md {
        height: auto;
        display: block;
    }
}

然后我将我想要折叠的元素的类设置在中等以下的屏幕上以折叠 – 非md和瞧,它在小浏览器上折叠并在中等浏览器上打开.它仍然可以正常方式打开和关闭(.in类覆盖.collapse-non-md).