static/scss/bootstrap-4.0.0-alpha.6/docs/examples/sticky-footer-navbar/sticky-footer-navbar.css

   1 /* Sticky footer styles
   2 -------------------------------------------------- */
   3 html {
   4   position: relative;
   5   min-height: 100%;
   6 }
   7 body {
   8   /* Margin bottom by footer height */
   9   margin-bottom: 60px;
  10 }
  11 .footer {
  12   position: absolute;
  13   bottom: 0;
  14   width: 100%;
  15   /* Set the fixed height of the footer here */
  16   height: 60px;
  17   line-height: 60px; /* Vertically center the text there */
  18   background-color: #f5f5f5;
  19 }
  20
  21
  22 /* Custom page CSS
  23 -------------------------------------------------- */
  24 /* Not required for template or sticky footer method. */
  25
  26 body > .container {
  27   padding: 60px 15px 0;
  28 }
  29
  30 .footer > .container {
  31   padding-right: 15px;
  32   padding-left: 15px;
  33 }
  34
  35 code {
  36   font-size: 80%;
  37 }