我最终偶然发现了这个问题，并为它添加了一个CSS类：

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

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

然后，我把要在中以下屏幕上折叠的元素的类设置为collapse-non-md，瞧，它在小型浏览器上折叠，在中型浏览器上打开。它仍然可以正常打开和关闭（.in类覆盖.collapse-non-md）。

又急又脏的道：为要在桌面屏幕上显示的完整大小的侧栏编写代码，并为要在移动的设备上显示的折叠侧栏编写单独的标记。
然后选择何时显示侧边栏的任一版本，使用bootstrap提供的类根据媒体查询隐藏和显示内容。
折叠的边栏：.hidden-desktop .hidden-tablet .visible-phone
完整侧边栏：hidden-phone .visible-tablet .visible-desktop

我在使用Bootstrap V3时也遇到了同样的问题。我按照官方文档上的教程操作，但是在手机上无法默认关闭侧边栏。
这是由于Bootstrap V3源文件中的一个错误（自定义版本生成于2013/09/05）。只需在原始bootstrap.css之后加载以下CSS：

.collapse{display:none}.collapse.in{display:block}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}
@media screen and (min-width:768px){.nav-collapse.collapse{display:block!important;height:auto!important;overflow:visible!important}}

（这些样式来自原始Bootstrap V3源代码的早期版本）。
否则，我唯一的错误就是在HTML页面中初始化了collapse插件。

<script type="text/javascript">
    $(document).ready(function(){
        $('.collapse').collapse();
    });
</script>

......然后只需删除它，折叠插件将像一个魅力。