Bootstrap SideBar导航列表到手风琴(错误)

时间:2013-04-09 18:50:09

标签: twitter-bootstrap navigation

我有侧栏导航,它只使用bootstraps导航列表组件。我想添加一些功能,当它进入平板电脑/手机时出现一个按钮,我想扩展列表有点像navbar componentsnet。当我去实现这个时,我得到了如果我隐藏我的导航列表并扩展回桌面模式,我的列表就消失了。我还想在某个列表上添加一个创建可消耗树的按钮。

<div class="container">
    <div class="row">
        <div class="span9">
            <h1>Header</h1>
            <div class="row">
                <div class="span3">
                    <div class="leftcolumnheader">
                        <h5>Testing Home1
                            <button class="btn btn-navbar hidden-desktop" id="navlistbtn" data-toggle="collapse" data-target=".nav-collapse1">
                            <i class="icon-th-list"></i>
                            </button>
                        </h5>
                    </div>

                    <div class="nav-collapse1 collapse in" id="sidebarnav">
                        <div class="well well-small ">
                            <ul class="nav nav-list ">
                                <li><a href="#">Object 1</a></li>
                                <li class="divider"></li>
                                <li><a href="#">Object 2</a></li>
                                <li class="divider"></li>
                                <li><a href="#">Object 3</a></li>
                                <li class="divider"></li> 
                            </ul>
                        </div><!--nav-collapse-->
                    </div> <!--well-->  
                </div>
                <div class="span6">
            </div>
        </div>
    </div>
</div>

0 个答案:

没有答案