Material Design Liteを使ってキレイにレイアウトされたwebサイトを作ってみたくなったので、LAYOUTを読みながらコーディング方法を確認しました。
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> <link rel="stylesheet" href="https://code.getmdl.io/1.1.1/material.indigo-pink.min.css"> <script defer src="https://code.getmdl.io/1.1.1/material.min.js"></script> </head> <body> <div class="mdl-layout mdl-js-layout"> <main class="mdl-layout__content"> this is contents. </main> </div> </body> </html>
0 コメント:
コメントを投稿