BootMetro : 基于 Bootstrap 的 Metro 风格 CSS 框架

本文由码农网 – 小峰原创,转载请看清文末的转载要求,欢迎参与我们的付费投稿计划

Flat UI一样,BootMetro同样也是一款基于BootstrapCSS框架,BootMetro的最大特点在于它是一款Win 8 Metro风格的CSS框架。Metro风格的优势在于界面简洁平滑,UI元素简单,加载速度快,并且有不错的视觉效果。

BootMetro的特点

  • 基于强大的Twitter Bootstrap,框架的灵感源于 Metro UI CSS
  • 让用户更专注于网站的内容,因为Metro风格可以更加突出网页的主要内容。
  • 完全免费,和Bootstrap一样,BootMetro的使用也是非常简单。

BootMetro的使用案例

下面是利用BootMetro创建的应用程序按钮

代码如下:

<button class="win-command">
      <span class="win-commandimage win-commandring">!</span>
      <span class="win-label">Home</span>
   </button>

下面是利用BootMetro创建的小图标,你只需要选择对应图标的CSS类即可,效果如下:

对应图标有以下CSS类控制,点击查看

更多关于BootMetro的信息,你可以前往其官方网站进行查找,就介绍到这里了。

本文链接:http://www.codeceo.com/article/bootmetro-bootstrap-css.html
本文作者:码农网 – 小峰
原创作品,转载必须在正文中标注并保留原文链接和作者等信息。]

发表我的评论

取消评论
表情 插代码

Hi,您需要填写昵称和邮箱!

  • 必填项
  • 必填项