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

Question

系统左边有有个菜单栏，里面的菜单是可以分组折叠，有没有办法可以竖向折叠，
实现的效果就是把左边的菜单栏整体折叠（隐藏），只漏出一个按钮，这个按钮可以控制这个菜单栏的展现和隐藏，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 -->

Answer 1

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