Bootstrap Metro UI CSS

周和志

2023-12-01

Bootstrap看厌了？试试Metro UI CSS吧

题记：Bootstrap作为一款超级流行的前端框架，已经成为很多人的首选，不过有时未免有点审美疲劳。那么可以试试Metro UI CSS，一个Windows 8风格的前端框架，和Bootstrap类似，功能也更多。

Bootstrap虽然很流行，扩展也很多，但是如果你希望实现Windows 8的Metro风格的话，除了去寻找一个Bootstrap的主题外，还可以直接使用Metro UI CSS这套前端框架。

它具备通用的风格、网格布局系统、印刷排版、超过20个组件（相对于Bootstrap的同样组件功能更强大），超过300个内置图标。也有一些比较有特色的功能，比如内置Tile和Notify。还兼容AngularJS。

当然，虽说和Bootstrap类似，但还是有不兼容的地方，比如网格系统的class名称就有些不一致，使用“grid”而非“container”来作为容器，使用“cell”而非“col-*-*”来作为栅格。

它用LESS编写，同样是开源的，使用MIT许可协议，GitHub上的Fork数和Star数都不错（当然和Bootstrap是没法比，但是也不算少），更新频率还保持的很好。

安装也非常方便，可直接下载、可通过bower安装（VS 2015推荐这种方式）、可Nuget安装（VS 2013推荐这种方式）。

“阅读原文”可访问GitHub项目地址，其中可以找到演示和文档页面的地址。