00.cssフレームワークbulma用テンプレート:03.ヘッダーnavbarとフッターfooter

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

--- 00.cssフレームワークbulma用テンプレート:03.ヘッダーnavbarとフッターfooter [2020/11/24] – 作成 adash333
+++ 00.cssフレームワークbulma用テンプレート:03.ヘッダーnavbarとフッターfooter [2020/11/24] – [見出し] adash333
@@ 行 6: / 行 6: @@
 フッターを、画面下に固定
+<code>
+.main {
+  display: flex;
+  min-height: 100vh;
+  flex-direction: column;
+}
+.section {
+  flex: 1;
+}
+And then adjust your template like this:
+<body class="main">
+  <div class="section">
+    ...
+  </div>
+  <footer class="footer">
+    ...
+  </footer>
+</body>
+</code>

00.cssフレームワークbulma用テンプレート/03.ヘッダーnavbarとフッターfooter.txt · 最終更新: 2021/01/08 by adash333