<body>
  <article class="article">
    <div class="container">
      <p class="text-muted">This pen is a part of the <a href="https://bootstrapious.com/p/bootstrap-tips-and-tricks">Bootstrap tips and tricks article</a>.</p>
    </div>
  </article>
  <footer class="footer">
    <div class="container">
      <p>Sticky footer content</p>
    </div>
  </footer>
</body>
body {
  height: 100%;
  padding-bottom: 80px;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 80px;
  background: #fafafa;
  border-top: solid 1px #eee;
}

.footer p {
  margin-top: 30px;
}

.article {
  padding-top: 40px;
}
Rerun