From ccf4c2fbe3e4299c64e6a0d7446ba96100375502 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 --- docs/examples/sticky-footer-navbar.html | 166 ++++++++++++++++++++++++ docs/examples/sticky-footer.html | 1 + 2 files changed, 167 insertions(+) create mode 100644 docs/examples/sticky-footer-navbar.html diff --git a/docs/examples/sticky-footer-navbar.html b/docs/examples/sticky-footer-navbar.html new file mode 100644 index 0000000000..17e216ee77 --- /dev/null +++ b/docs/examples/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/docs/examples/sticky-footer.html b/docs/examples/sticky-footer.html index 1c9c36149e..80490ffd0c 100644 --- a/docs/examples/sticky-footer.html +++ b/docs/examples/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.