Bootstrap: make the footer fixed to the bottom

2023-01-09 15:03:56 -08:00 · 2023-01-09 15:03:56 -08:00 · 52e102e63b
commit 52e102e63b
parent 89b182b3be
1 changed files with 27 additions and 1 deletions
--- a/src/Themes/Bootstrap/Templates/default_layout.html
+++ b/src/Themes/Bootstrap/Templates/default_layout.html
@ -15,6 +15,32 @@
    crossorigin="anonymous"></script>

  <title>{{ AntCMSTitle }}</title>
+
+  <style>
+    html,
+    body {
+      height: 100%;
+    }
+
+    #wrap {
+      min-height: 100%;
+    }
+
+    #main {
+      overflow: auto;
+      padding-bottom: 150px;
+      /* this needs to be bigger than footer height*/
+    }
+
+    .footer {
+      position: relative;
+      margin-top: -150px;
+      /* negative value of footer height */
+      height: 150px;
+      clear: both;
+      padding-top: 20px;
+    }
+  </style>
 </head>

 <body>
@ -52,4 +78,4 @@
  </footer>
 </body>

-</html>
+</html>