继续完成首页
一、上方导航栏
把bootstrap的几个下拉按钮效果都试了一下，感觉还可以。
<div class="btn-group "> <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown"> @CookieHelper.UserName<span class="caret"></span> </button> <ul class="dropdown-menu dropdown-menu-right"> <li><a href="#">修改密码</a></li> <li><a href="#">退出系统</a></li> </ul> </div>
二、左侧菜单栏
源码效果：
具体菜单是循环取出的，可折叠。
1、复制一些固定的内容先把大体效果做出来
左侧菜单是固定的，不是按数据生成的。左边右边分别是float，可以随窗口大小变化。找不到bootstrap的布局调用方式，怎么没有像easyui那样，有个整体布局的写法
2、折叠效果
一开始用collapse，配合button感觉虽然比较美观，但应该还是用bootstrap自带的Accordion example示例这种折叠效果。
直接复制过来改一改
3、使用循环取出具体内容
基本样子有了，要把左侧的菜单改为取数据出来动态展现
原文：http://www.cnblogs.com/liuyouying/p/5055267.html