Clever Geek Handbook

Twitter Bootstrapと互換性のあるMetroスタイルCSS / JSライブラリ

少し前まで、私は bootmetroハブ、つまりWindows 8スタイルのTwitter Bootstrapデザインについて書きました。この開発は良いアイデアですが、実際にはすべてが非常に不器用に動作します。 幸いなことに、Ace Subidoからよく作られた類似品があります-CSS3 Microsoft Metro Buttons 。







これは基本的に、Twitter Bootstrapで使用できるボタンとフォームのスタイルのセットです。











BootstrapをTwitterで使用するのは非常に簡単です。 



<!DOCTYPE html> <html> <head> <title>Hello World! - Home</title> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/m-styles.min.css" rel="stylesheet"> </head> <body> <h1>Hello world!</h1> <script src="js/latestjquery.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/m-radio.min.js"></script> </body> </html>




PS 「Windowsの愛好家のサイトを除いて、どこで使用するのか」という質問を予想して、Metroスタイルのコンセプトと既に機能しているサイトをいくつか紹介します。



50以上のエピックメトロスタイルデザイン

新しいトレンドとしてのWindows8のMetroスタイルWebデザイン


More articles:


All Articles