bootstrap可以竖向的折叠左边的菜单栏么?不是分组的那种

系统左边有有个菜单栏,里面的菜单是可以分组折叠,有没有办法可以竖向折叠,
实现的效果就是把左边的菜单栏整体折叠(隐藏),只漏出一个按钮,这个按钮可以控制这个菜单栏的展现和隐藏,bootstrap有提供相应的方法么???

想在主菜单的位置加一个回收的按钮,控制菜单伸缩,也就是下面代码的main位置
图片说明

   <!-- left menu starts -->
        <div class="col-sm-2 col-lg-2" style="margin-top:18px;">

            <div class="sidebar-nav">
                <div class="nav-canvas">
                    <div class="nav-sm nav nav-stacked">
                    </div>
                    <ul class="nav nav-pills nav-stacked main-menu">
                        <li class="nav-header">#springMessage("main")</li>
                        #menubar($!{menus},$selectedMenu)
                    </ul>
                </div>
            </div>
            <div class="auchanlogo">
            </div>
        </div>
        <!--/span-->
        <!-- left menu ends -->

自己写个不就行了
点击某个按钮,菜单隐藏,可以让宽高为0,或者直接display:none;然后显示一个按钮A
点击按钮A,让菜单显示,隐藏按钮A

没有,bootsatrap里面没有这样的组件,只能自己做或者去搜索第三方的插件。