Skip to content

Instantly share code, notes, and snippets.

@andreipak

andreipak/responsive-sticky-footer.css

Forked from seyDoggy/responsive-sticky-footer.css
Created November 30, 2017 03:04
Show Gist options
  • Save andreipak/e4dc917d47f22c6bd6ef891d43780f64 to your computer and use it in GitHub Desktop.
Save andreipak/e4dc917d47f22c6bd6ef891d43780f64 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @seyDoggy seyDoggy revised this gist Jan 9, 2015. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion responsive-sticky-footer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -6,7 +6,7 @@
    <link rel="stylesheet" href="styles/main.css">
    </head>
    <body>
    <nav class="navbar navbar-inverse v-space-bottom-50" role="navigation">
    <nav class="navbar navbar-inverse" role="navigation">
    ...
    </nav>

  2. @seyDoggy seyDoggy revised this gist Jan 9, 2015. 1 changed file with 24 additions and 0 deletions.
    24 changes: 24 additions & 0 deletions responsive-sticky-footer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,24 @@
    <html ng-app="shipgooderClientApp" class="no-js ng-scope"><head>
    <meta charset="utf-8">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="styles/bootstrap.css">
    <link rel="stylesheet" href="styles/main.css">
    </head>
    <body>
    <nav class="navbar navbar-inverse v-space-bottom-50" role="navigation">
    ...
    </nav>

    <div class="container">
    ...
    </div>

    <footer class="footer">
    <div class="container">
    ...
    </div>
    </footer>

    </body>
    </html>
  3. @seyDoggy seyDoggy created this gist Jan 9, 2015.
    17 changes: 17 additions & 0 deletions responsive-sticky-footer.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,17 @@
    html,body {
    height:100%;
    width: 100%;
    }

    body {
    display: table;
    }

    .container {
    height: auto;
    }

    .footer {
    display: table-row;
    height: 1px;
    }