Is Bootstrap annoying? Try Metro ui css, bootstrapmetro

Source: Internet
Author: User

Is Bootstrap annoying? Try Metro ui css, bootstrapmetro

(This article is also published in my public account "dotNET daily excellent article". Welcome to the QR code on the right to follow it .)

Note: As a super popular front-end framework, Bootstrap has become the first choice for many people, but sometimes it is not a bit of Aesthetic Fatigue. Try Metro ui css, a Windows 8-style front-end framework, similar to Bootstrap, with more features.

Although Bootstrap is popular and has many extensions, if you want to implement the Windows 8 Metro style, apart from finding a Bootstrap topic, you can also directly use the front-end framework of Metro ui css.

It has a general style, grid layout system, printing and layout, and over 20 components (more powerful than the same component of Bootstrap), with over 300 built-in icons. There are also some special features, such as built-in Tile and policy. It is also compatible with AngularJS.

Of course, although it is similar to Bootstrap, it is still incompatible. For example, the class Name of the grid system is somewhat different. "grid" rather than "iner" is used as the container, use cell instead of col-* as the grid.

It is written in LESS, and is also open-source. Using the MIT License Agreement, the Fork number and Star number on GitHub are both good (of course, it cannot be compared with Bootstrap, but it is not very small ), the update frequency remains good.

It is also very convenient to install. It can be downloaded directly, installed using bower (recommended in VS 2015), and Nuget (recommended in VS 2013 ).

For "read the original article", visit the GitHub Project address, where you can find the address on the demo and document pages.

Address: https://github.com/olton/Metro-UI-CSS

Related Article

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.