Use ftr and ftr-dark to create a footer. You can use any other theme color such as ftr-primary. Additionally, ftr-oneline and ftr-column are helper classes that take care of padding. ftr-column-title and ftr-column-list take care of color and list-style.
Use ftr-bt and ftr-bb to add borders if you have multiple sections.
<footer id="footer" class="ftr ftr-dark text-center">
<div class="container ftr-columns">
<div class="row">
<div class="col-md-2 ml-auto col-sm-4">
<h5 class="ftr-column-title">Company</h5>
<ul class="ftr-column-list">
<li><a href="#">Team</a></li>
<li><a href="#">History</a></li>
<li><a href="#">Jobs</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div class="col-md-2 col-sm-4">
<h5 class="ftr-column-title">Company</h5>
<ul class="ftr-column-list">
<li><a href="#">Team</a></li>
<li><a href="#">History</a></li>
<li><a href="#">Jobs</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div class="col-md-2 col-sm-4 mr-auto">
<h5 class="ftr-column-title">Company</h5>
<ul class="ftr-column-list">
<li><a href="#">Team</a></li>
<li><a href="#">History</a></li>
<li><a href="#">Jobs</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-6 mx-auto ftr-bt ftr-oneline">
© Your Company • <a href="#">Terms</a> • <a href="#">Privacy Policy</a>
</div>
</div>
</div>
</footer>