A footer is an additional navigation component. It can hold links, buttons, company info, copyrights, forms, and many other elements.

Note: There is no single, dedicated class for the footer component. Footer uses footer element but only for semantic reasons. It does not have any effect by default.

Detailed documentation and more examples you can find in our Bootstrap Footer Docs

---

Basic example

A basic example of the simple footer with text, links and copyright section.

The background color is set via CSS class .bg-light. You can set your own color choosing from MDB color palette or by setting a completely custom color via inline CSS, for example style="background-color: #9933CC;"

We put a mask on the copyrights section using RGBA code to outstand it. You can change the intensity of its color by manipulating the last value in the RGBA code.