Angular Bootstrap Footer
Angular Footer - Bootstrap 4 & Material Design
Angular Bootstrap Footer is an additional navigation for the website. It can hold links, buttons, company info, copyrights, forms and many other elements.
You can set the color of the footer by adding one of classes from our color palette.
Just like any other components of MDBootstrap Angular, Footers are responsive by default.
Basic footer
Add or remove
.font-small
class to the
<footer>
element to change the size of the fonts inside the Footer.
Supported content
Footers come with built-in support for a handful of sub-components. Choose from the following as needed:
Copyright
The background color of Copyright section will be automatically changed to a slightly darker than Footer itself.
You can easily change the color of the Footer by using one of predefined 300 colors of MDBootstrap palette.
Links
You can adjust the number of the columns by using Bootstrap Grid.
On the smaller devices, dividers between columns become visible.
Text
For more advanced text options have a look at Typography docs or Text utilities docs .
Forms
At your disposal is a variety of the inputs and predefined forms.
Images
For more advanced image options have a look at Images docs .
Iframe / video
For more advanced iframe / video options have a look at Embeds docs .
Icons
You can use one of the 600 available icons. Learn more in the Icons docs.
Buttons MDB Pro component
For more advanced Buttons options have a look at Buttons docs .
Social buttons MDB Pro component
For more advanced Social Buttons options have a look at Social Buttons docs .
Advanced footer MDB Pro component
Purple Panel footer MDB Pro component
Teal Panel footer MDB Pro component
Stylish color footer MDB Pro component
Indigo color footer MDB Pro component
Gently gray footer MDB Pro component