Bootstrap tired of watching? Try Metro UI CSS.

Source: Internet
Author: User

(This article also published in my public number "dotnet daily Essence article", Welcome to the right QR code to pay attention to. )

Preface: Bootstrap as a super-Popular front-end frame, has become the first choice for many people, but sometimes a little bit of aesthetic fatigue. Then try Metro UI CSS, a Windows 8 style front-end frame, similar to bootstrap, and more features.

Bootstrap is very popular and has many extensions, but if you want to implement the Metro style of Windows 8, you can use the front-end framework of Metro UI CSS in addition to looking for a bootstrap theme.

It has a common style, grid layout system, print layout, more than 20 components (more powerful than the same components as Bootstrap), and more than 300 built-in icons. There are also some features that are more distinctive, such as built-in tiles and notify. also compatible with ANGULARJS.

Of course, although similar to bootstrap, there are still incompatible places, such as the class name of the grid system is somewhat inconsistent, using "grid" instead of "container" as a container, using "cell" instead of "col-*-*" as a grid.

It's written in less, it's also open source, and with the MIT license, the number of fork and star numbers on GitHub is good (and bootstrap is not as good as it is, but it's not too small), and the update frequency is still very well maintained.

Installation is also very convenient, can be downloaded directly, can be installed via Bower (VS 2015 recommended this way), can be NuGet installation (VS 2013 recommended this way).

"Read original" provides access to the GitHub project address, where you can find the address of the demo and document pages.

Original address: Https://github.com/olton/Metro-UI-CSS

Bootstrap tired of watching? Try Metro UI CSS.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.