summary |
shortlog |
log |
commit | commitdiff |
tree
raw |
patch |
inline | side by side (from parent 1:
05f6047)
Found at:
https://www.codegrepper.com/code-examples/css/how+to+take+footer+in+bottom+but+not+fixed+in+bootstrap
<!DOCTYPE html>
<html lang="en">
<!DOCTYPE html>
<html lang="en">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
</head>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
</head>
+<body class="d-flex flex-column min-vh-100">
<header class="container-fluid p-5 bg-primary text-white text-center">
<h1><a href="/" class="link-light">Notes</a></h1>
</header>
<header class="container-fluid p-5 bg-primary text-white text-center">
<h1><a href="/" class="link-light">Notes</a></h1>
</header>
- <div id="content" class="container mt-5">
+ <div id="content" class="container flex-fill">
{% block content %}{% endblock %}
</div>
{% block content %}{% endblock %}
</div>
git.p6c8.net / pcdenotes.git / commitdiff