git.roojs.org Git - roojs1/blob - css-bootstrap/sticky-footer.css

   1 /*html, */
   2
   3
   4 body.bootstrap-sticky {
   5     height: 100%;
   6   /* The html and body elements cannot have any padding or margin. */
   7 }
   8 /* Wrapper for page content to push down footer */
   9 .bootstrap-sticky-wrap {
  10     min-height: 100%;
  11     height: auto !important;
  12     height: 100%;
  13     /* Negative indent footer by it's height */
  14     margin: 0 auto -60px;
  15 }
  16
  17 /* Set the fixed height of the footer here */
  18 .bootstrap-sticky-push,
  19 .bootstrap-sticky-footer {
  20     height: 60px;
  21 }
  22 .bootstrap-sticky-footer {
  23     background-color: #eee;
  24 }
  25
  26 /* Lastly, apply responsive CSS fixes as necessary */
  27 @media (max-width: 767px) {
  28     .bootstrap-sticky-footer {
  29         margin-left: -20px;
  30         margin-right: -20px;
  31         padding-left: 20px;
  32         padding-right: 20px;
  33     }
  34 }