Fix footer not being at bottom of page
This commit is contained in:
parent
8717014716
commit
841d1a20bf
3 changed files with 16 additions and 3 deletions
|
@ -1,9 +1,15 @@
|
|||
@font-face {font-family: "Krungthep"; src: url("//db.onlinewebfonts.com/t/736cf5b08b01082a3645e14038868e20.eot"); src: url("//db.onlinewebfonts.com/t/736cf5b08b01082a3645e14038868e20.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/736cf5b08b01082a3645e14038868e20.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/736cf5b08b01082a3645e14038868e20.woff") format("woff"), url("//db.onlinewebfonts.com/t/736cf5b08b01082a3645e14038868e20.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/736cf5b08b01082a3645e14038868e20.svg#Krungthep") format("svg"); }
|
||||
|
||||
html {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #00BEBB;
|
||||
font-family: "Krungthep";
|
||||
color: #eee;
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
p {
|
||||
|
@ -104,3 +110,9 @@ p {
|
|||
nav {
|
||||
line-height: normal !important;
|
||||
}
|
||||
|
||||
.footer-nav {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
<nav class="navbar navbar-inverse " style= "margin-top: 30px">
|
||||
<nav class="navbar navbar-inverse footer-nav" style= "margin-top: 30px">
|
||||
<div class="container-fluid">
|
||||
<div class="navbar-header">
|
||||
</div>
|
||||
|
|
|
@ -182,5 +182,6 @@ a {
|
|||
|
||||
</div>
|
||||
|
||||
|
||||
<!-- A hack for the footer bar -->
|
||||
<div style="height: 100px"></div>
|
||||
{% include 'footer.html' %}
|
||||
|
|
Loading…
Add table
Reference in a new issue