使用Bootstrap+metisMenu完成简单的后台管理界面
今天的文章是介绍如何使用Bootstrap+metisMenu来完成一个简单的后台管理界面,Bootstrap前面的文章已经介绍过,如果你还不是很了解Bootstrap,那么可以翻阅作者前面的文章【Web前端框架学习—Bootstrap】 。 需要使用的文件:
如果你还没有这些文件,那么,你可以点击这里下载它们。 你可以使用本地文件引入css和js,也可以使用CDN资源从云端引入。如果你想从云端引入,可以使用又拍云的CDN加速资源库:http://www.bootcdn.cn/metisMenu 在< head >标签中引入css文件,包括Bootstrap的css文件和metisMenu的css文件。 建议在< body >标签中< /body >标签之前引入js文件。 这里,我们先使用metisMenu完成一个默认样式的侧边导航栏。 如果你觉得默认样式的侧边导航栏不好看,那么,可以自己写css,对其进行微调美化。 index.html style.css 在index.html中引入style.css后,效果如下图所示: 至此,已经完成了使用metisMenu完成后台管理界面侧边导航栏的制作和个性化微调。
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |