diff options
| author | Mark Otto <[email protected]> | 2013-05-03 14:29:11 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-05-03 14:29:11 -0700 |
| commit | 0959a78ff17023d25efd552e214b9891cff92aea (patch) | |
| tree | 20c35c0ea3e74e96415be183e31615cc7be78a91 | |
| parent | 7cceaa69560b22acac6297d21a2e2e752d667912 (diff) | |
| parent | 07117f97b6a156d1ddff0292c907599fb33d602a (diff) | |
| download | bootstrap-0959a78ff17023d25efd552e214b9891cff92aea.tar.xz bootstrap-0959a78ff17023d25efd552e214b9891cff92aea.zip | |
Merge pull request #7769 from holic/3.0.0-sticky-footer
Use padding instead of #push with box-sizing: border-box
| -rw-r--r-- | docs/examples/sticky-footer-navbar.html | 7 | ||||
| -rw-r--r-- | docs/examples/sticky-footer.html | 7 |
2 files changed, 4 insertions, 10 deletions
diff --git a/docs/examples/sticky-footer-navbar.html b/docs/examples/sticky-footer-navbar.html index 429b74f91..fe6681ef6 100644 --- a/docs/examples/sticky-footer-navbar.html +++ b/docs/examples/sticky-footer-navbar.html @@ -22,14 +22,13 @@ title: Sticky footer with navbar template height: 100%; /* Negative indent footer by its height */ margin: 0 auto -60px; + /* Pad bottom by footer height */ + padding: 0 0 60px; } /* Set the fixed height of the footer here */ - #push, #footer { height: 60px; - } - #footer { background-color: #f5f5f5; } @@ -106,8 +105,6 @@ title: Sticky footer with navbar template <p class="lead">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 <code>#wrap</code> with <code>padding-top: 60px;</code> on the <code>.container</code>.</p> <p>Back to <a href="../sticky-footer">the default sticky footer</a> minus the navbar.</p> </div> - - <div id="push"></div> </div> <div id="footer"> diff --git a/docs/examples/sticky-footer.html b/docs/examples/sticky-footer.html index 62c108812..14fc1edeb 100644 --- a/docs/examples/sticky-footer.html +++ b/docs/examples/sticky-footer.html @@ -22,14 +22,13 @@ title: Sticky footer template height: 100%; /* Negative indent footer by its height */ margin: 0 auto -60px; + /* Pad bottom by footer height */ + padding: 0 0 60px; } /* Set the fixed height of the footer here */ - #push, #footer { height: 60px; - } - #footer { background-color: #f5f5f5; } @@ -71,8 +70,6 @@ title: Sticky footer template <p class="lead">Pin a fixed-height footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS.</p> <p>Use <a href="../sticky-footer-navbar">the sticky footer with a fixed navbar</a> if need be, too.</p> </div> - - <div id="push"></div> </div> <div id="footer"> |