Simone技术干货：bootstrap框架实现网站后台管理界面
的有关信息介绍如下：
bootstrap框架建立页面的优势体现
利用bootstrap框架制作网站后台管理界面包括两个部分，一部分是响应式导航，包括左边侧边栏，主要包括输入框组（input-group）；另一部分是右边内容部分，包括面包屑导航（breadcrumb），面板组件（panel）、表格（table）、分页（Page）组件等。其中表格使用了条纹类（table-striped），鼠标悬停类（table-hover）。
案例实现右边导航（登陆、注销、注册）和左边侧边栏在屏幕分辨率<768px时隐藏，通过点击相应的按钮显示与隐藏。本案例具体的效果如下：
网页文件manage1.html的代码如下：
最新订单
| id | 订单号 | 订单日期 | 总价 | 状态 |
|---|---|---|---|---|
| 1 | 01 | 2017-1-3 7:10:30 | 177.0 | 出库 |
| 2 | 03 | 2017-4-1 21:01:10 | 899.3 | 出库 |
| 3 | 04 | 2017-5-1 20:12:11 | 1999.0 | 未确认 |
订单1
| id | 订单号 | 订单日期 | 总价 | 状态 |
|---|---|---|---|---|
| 1 | 01 | 2017-1-3 7:10:30 | 177.0 | 出库 |
| 2 | 02 | 2017-8-1 21:01:10 | 1700 | 出库 |
| 3 | 03 | 2017-10-2 20:12:11 | 2450 | 未确认 |
订单2
| id | 订单号 | 订单日期 | 总价 | 状态 |
|---|---|---|---|---|
| 1 | 01 | 2017-1-3 7:10:30 | 177.0 | 出库 |
| 2 | 02 | 2017-11-5 21:01:10 | 1899 | 出库 |
| 3 | 03 | 2017-12-5 20:12:11 | 3500 | 未确认 |
读者制作案例时可能先把结构div敲出来，然后逐步添加相应的类，边操作边预览效果。至此，案例制作完成。
