Footers are generally made with
.navbar-inverse
.navbar-default
or
.bg-primary
background color. The link and the text are of same color and links have an hover underline effect
on it.
<footer class="footer navbar-default" role="contentinfo">
<div class="container">
<p>
Some footer Content
</p>
</div>
</footer>
<footer class="footer navbar-inverse" role="contentinfo">
<div class="container">
<p>
Some footer Content
</p>
</div>
</footer>
<footer class="footer bg-primary" role="contentinfo">
<div class="container">
<p>
Some footer Content
</p>
</div>
</footer>
Be sure to add a role="contentinfo"
to help with accessibility.