JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
<div id="page-wrap">
</div>
<footer class="site-footer">
  <div class="container">
    <div class="row">
      <div class="col-md-4">
        <span class="copyright">Copyright © YOUR COMPANY 2016</span>
      </div>
      <div class="col-md-4">
        <ul class="list-inline social-buttons">
          <li><a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
          </li>
          <li><a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
          </li>
          <li><a href="#" target="_blank"><i class="fa fa-linkedin"></i></a>
          </li>
        </ul>
      </div>
      <div class="col-md-4">
        <ul class="list-inline quicklinks">
          <li><a href="#" rel="nofollow">Privacy</a>
          </li>
          <li><a href="#" rel="nofollow" target="_blank">Newsletter</a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</footer>

CSS

/* Mostly: http://ryanfait.com/sticky-footer/ */

* {
    margin: 0;
}
html, body {
    height: 100%;
}
#page-wrap {
  min-height: 100%;
    margin-bottom: -150px; 
}
#page-wrap:after {
  content: "";
  display: block;
}
.site-footer, .page-wrap:after {
    height: 150px; 
}

footer * {
 font-family: sans-serif
}

/* Mostly: https://blackrockdigital.github.io/startbootstrap-agency/*/

footer {
  padding: 25px 0;
  text-align: center;
  height: 150px;
}

footer span.copyright {
  line-height: 40px;
  text-transform: uppercase;
  text-transform: none
}

footer ul.quicklinks {
  margin-bottom: 0;
  line-height: 40px;
  text-transform: uppercase;
  text-transform: none
}

ul.social-buttons {
  margin-bottom: 0
}

ul.social-buttons li a {
  display: block;
  background-color: #222;
  height: 40px;
  width: 40px;
  border-radius: 100%;
  font-size: 20px;
  line-height: 40px;
  color: #fff;
  outline: 0;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s
}

ul.social-buttons li a:active,
ul.social-buttons li a:focus,
ul.social-buttons li a:hover {
  background-color: #c0003f
}

.quicklinks a {
  font-weight: 700;
  color: rgba(192, 0, 63, 0.67);
  font-size: 14px
}