JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://getbootstrap.com/2.3.2/assets/css/bootstrap.css">
<div id="wrap">
<div class="container">content</div>
    <div id="push"></div>
</div>
 <footer id="footer">
 <div class="container">
     footer
  </div>
</footer>

CSS

html,
body {
  height: 100%;
}

/* Wrapper for page content to push down footer */
 #wrap {
   min-height: 100%;
   height: auto !important;
   height: 100%;
   /* Negative indent footer by it's height */
   margin: 0 auto -60px;
 }

 #push,
 #footer {
   height: 60px;
 }
 
#footer {
  background-color: #f5f5f5;
}