对Bootstrap Metro Dashboard进行改造

最近从网上发现了一个比较好的bootstrap框架，原作者的网址为https://linghucong.js.org/Bootstrap_Metro_Dashboard/，效果还是很炫的，但是唯一的缺点是每个页面都引用了一堆重复的js，上侧和左侧导航在每个html页面都存在，对于一个有强迫症Coder的来说，怎么能忍。。。。。
所以下一步就是改代码了，想法是将所有的js引用一次，header，left，foot页面都单独列出来，采用jsp include动态加载进去。
先放几张效果图片：

所有代码都是在MyEclipse中完成。。。
修改的内容如下：

• myeclipse默认新建的jsp页面HTML的document头为，而H5的document头为，这个需要注意
• 分离之后发现有些页面的效果就是展示不出来，死活不知道什么原因，后来发现作者自己写了一个custom.js文件控制样式，，，，，，这个雷我扫得好辛苦。。。。。。。。
• 页面DropDown这个是下拉菜单，但是把custome.js引入进去之后鼠标那小手老是晃，而且每次点击都不能展开或者折叠，没办法，把custome.js控制这个的样式单独剪切下来拷贝到left.js中了，然后鼠标小手就不抖了，工作都正常了。。。。
• 新增echarts的简单界面，因为项目要和echarts结合

PS：本人以前没接触过bootstrap和h5，所以改起来有点费事

好了，话不多说，放码，链接为：http://download.csdn.net/download/tyutpanda/9940032

html的访问链接为：http://192.168.0.33:8080/bootstrap/html/index.html
jsp的访问链接为：
http://192.168.0.33:8080/bootstrap/jsp/index.jsp

html为作者的源码，jsp为本人修改之后的源码，将js都提取出来了。。IP地址记得更换。。。。

下一步这个代码有时间会放在git中进行维护，预期的网址为https://github.com/panda403
PS：等我有空我就上传。。。。。。