Metronic是一套基于Twitter Bootstrap 3.x的高级管理控制面板主题

收藏

  • Metronic可用于任意类型的网页应用:商城后台、CMS、CRM、SAAS和一些前端模板包括商业网站、商城、企业网站、作品展示、博客等。
  • Metronic的时尚、简洁、直观的metro扁平化分格设计,让你的项目看起来更吸引人、用户体验更好、项目成交率大大提高。
  • Metronic集成了大量的BootStrap插件和Jquery插件:包括sweetAlert(最近更新)、bootstrap-colorpicker、bootstrap-fileinput、bootstrap-switch等等。支持目前流行的各种PC浏览器、平板电脑和手机。浏览器兼容:iE8+、Firefox、 Safari、 Opera、 Chrome。
  • 当前文章所指定的版本是Metronic4.7版本,包含七个模板,100个左右的demo页面。经过版本的迭代更新,页面效果越来越好看,功能越来越强大。包括portlet、花俏的按钮、各种图表、好看的布局等等。


  • 官网的演示地址: http://www.keenthemes.com/preview/metronic/  ,我们将选取它里面的第二套皮肤的默认版本作为研究的对象。
  • Metronic 具有6种色彩主题(和七个模板不是一回事):default、darkblue、blue、grey、light、light2。如果要用其中的一种色彩主题,你需要包含themes/[theme_name].css 在页面的 head 部分。如果你喜欢蓝色主题,那就包含layouts/layout/css/themes/darkblue.css css 文件。我们来看下真实的效果。第二套模板默认的主题是blue,也就是我们现在准备用的模板。 


评论(0条)

请登录后评论