我有侧栏导航,它只使用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>