<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <footer class="container-fluid" style="background-color: #f4f4f5; padding-top: 64px;"> <div class="container-fluid row"> <div class="col-sm-6 col-md-3"> <p class="lead">Title</p> <p><a href="#">Link Text</a><br><a href="#">Link Text</a><br><a href="#">Link Text</a><br><a href="#">Link Text</a></p> </div> <div class="col-sm-6 col-md-3"> <p class="lead">Title</p> <p><a href="#">Link Text</a><br><a href="#">Link Text</a><br><a href="#">Link Text</a><br><a href="#">Link Text</a></p> </div> <div class="col-sm-6 col-md-3"> <p class="lead">Title</p> <p><a href="#">Link Text</a><br><a href="#">Link Text</a><br><a href="#">Link Text</a><br><a href="#">Link Text</a></p> </div> <div class="col-sm-6 col-md-3"> <p class="lead">More Info</p> <p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed recusandae libero possimus culpa quod </p> </div> </div> <hr style="margin-bottom: 8px"> <div class="container-fluid"> <p> © 2000 Company Name. Provided by <a target="_blank" href="https://www.pagesection.com">https://www.pagesection.com</a> </p> </div> </footer>