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

jopen 10年前

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

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

BootMetro的特点

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

BootMetro的使用案例

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

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

代码如下:

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

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

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

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

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