View on GitHub

Bootstrap Footer

Bootstrap Footer is an additional navigation used for displaying general information that a user might want to access from any page within your site. It is a place to display boilerplate text about the site, company info, copyrights, links to a contact form, sitemap, FAQ and other such resources.

How it works

Here’s what you need to know before getting started with the aside menu:

  • Bootstrap footer requires a wrapping .footer.

Examples

<footer class="footer">
  <div>
    <a href="https://coreui.io">CoreUI</a>
    <span>&copy; 2020 creativeLabs.</span>
  </div>
  <div>
    <span>Powered by</span>
    <a href="https://coreui.io">CoreUI</a>
  </div>
</footer>

Customizing

SASS

Variables

$footer-min-height:    3rem;
$footer-padding-y:     $spacer / 2;
$footer-padding-x:     $spacer;
$footer-bg:            $gray-100;
$footer-color:         $body-color;
$footer-border-width:  1px;
$footer-border-color:  $border-color;

CSS Vars

--cui-footer-bg
--cui-footer-border-color
--cui-footer-border-width
--cui-footer-color