Bootstrap Vue / Bootstrap侧导航可切换

Question

您好，我正在尝试使用bootstrap-vue创建侧面导航。导航栏应与标题导航栏一起在折叠点class =“ md”处自动折叠。标头导航栏的功能与扩展功能相同，但是在窗口通过断点时，sidenav不会出现，在通过断点时，它也不会收缩。侧边栏的代码如下：

<template>
<b-nav vertical class="wrapper">
    <b-collapse is-nav id="nav_collapse">
      <b-nav-item to="/dashboard">Dashboard</b-nav-item>
      <b-nav-item to="/play">Play</b-nav-item>
      <b-nav-item to="/houses">Houses</b-nav-item>
    </b-collapse>
</b-nav>
</template>
<script>
export default {
    name: 'Sidebar',
    data: () => {
        return {

        }
    }
}
</script>

<style scoped>
.wrapper {
    max-width: 100px;
    min-height: 100vh;
    float:left;
    background-color:red;
}
</style>

有什么办法解决这个问题吗？