旋转的钢笔
2017-06-26 08:47bootstrap 如何隐藏左边菜单栏
下面代码是一个模板页面,bootstrap如何控制点击按钮,左边菜单栏隐藏,右边内容自动扩大
<!-- topbar ends -->
<div class="ch-container">
<div class="row">
<!-- left menu starts -->
<div class="col-sm-2 col-lg-2" style="padding-left:0px;padding-right:0px;">
<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>
<!--/span-->
<!-- left menu ends -->
<noscript>
<div class="alert alert-block col-md-12">
<h4 class="alert-heading">Warning!</h4>
<p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a>
enabled to use this site.</p>
</div>
</noscript>
<div id="content" class="col-lg-10 col-sm-10" style="margin-top:10px">
$screen_content
</div>
</div><!--/fluid-row-->
- 点赞
- 回答
- 收藏
- 复制链接分享
2条回答
为你推荐
- 如何监听iframe 的location变化
- jquery
- 3个回答
- bootstrap 如何隐藏左边菜单栏
- javascript
- bootstrap
- jquery
- 2个回答
- bootstrap菜单栏问题,怎么菜单栏不刷新,内容刷新?
- bootstrap
- js
- jquery
- 4个回答