From ee9cd0180d25928f76bfd9b4457275df6a00a619 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 9 Jan 2013 19:53:42 -0800 Subject: [PATCH] add sticky footer with navbar --- sticky-footer-navbar.html | 166 ++++++++++++++++++++++++++++++++++++++ sticky-footer.html | 1 + 2 files changed, 167 insertions(+) create mode 100644 sticky-footer-navbar.html diff --git a/sticky-footer-navbar.html b/sticky-footer-navbar.html new file mode 100644 index 0000000000..17e216ee77 --- /dev/null +++ b/sticky-footer-navbar.html @@ -0,0 +1,166 @@ + + + + + Sticky footer · Twitter Bootstrap + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+
+ + + + + + Project name +
+ + +
+
+
+
+ + +
+
+

Sticky footer with fixed navbar

+
+

Pin a fixed-height footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS. A fixed navbar has been added within #wrap with padding-top: 60px; on the .container.

+

Back to the sticky footer minus the navbar.

+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + diff --git a/sticky-footer.html b/sticky-footer.html index 1c9c36149e..80490ffd0c 100644 --- a/sticky-footer.html +++ b/sticky-footer.html @@ -90,6 +90,7 @@

Sticky footer

Pin a fixed-height footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS.

+

Use the sticky footer with a fixed navbar if need be, too.

-- 2.47.2