このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン 最新のリビジョン 両方とも次のリビジョン | ||
00.cssフレームワークbulma用テンプレート:03.ヘッダーnavbarとフッターfooter [2020/11/24] adash333 [見出し] |
00.cssフレームワークbulma用テンプレート:03.ヘッダーnavbarとフッターfooter [2021/01/08] adash333 [サンプルコード] |
||
---|---|---|---|
行 27: | 行 27: | ||
</ | </ | ||
</ | </ | ||
+ | |||
+ | |||
+ | ===== サンプルコード ===== | ||
+ | |||
+ | index.html | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | <meta charset=" | ||
+ | <meta name=" | ||
+ | < | ||
+ | <link rel=" | ||
+ | <link rel=" | ||
+ | | ||
+ | <script defer src=" | ||
+ | < | ||
+ | </ | ||
+ | </ | ||
+ | <body class=" | ||
+ | | ||
+ | <nav class=" | ||
+ | <div class=" | ||
+ | <a class=" | ||
+ | Bulmaテンプレート | ||
+ | </a> | ||
+ | </ | ||
+ | </ | ||
+ | | ||
+ | <section class=" | ||
+ | <div class=" | ||
+ | <!-- ここにコンテンツを記載 --> | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | <footer class=" | ||
+ | <div class=" | ||
+ | <a href=" | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | < | ||
+ | </ | ||
+ | |||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | |||
+ | style.css | ||
+ | < | ||
+ | .main { | ||
+ | display: flex; | ||
+ | min-height: 100vh; | ||
+ | flex-direction: | ||
+ | } | ||
+ | |||
+ | .section { | ||
+ | flex: 1; | ||
+ | } | ||
+ | |||
+ | .footer { | ||
+ | background-color: | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | |||
+ | |||
+ | |||