Der standard Footer enthält Listen mit einer Headline footer__heading und footer__links. Die Listen können über eine beliebige Spaltenaufteilung je nach Bedarf angeordnet werden. Die Einstellung der Spaltenanzahl kann über das Row Element vorgenommen werden.
Im Footer kann zusätzlich ein Highlight-Teaser untergebracht werden. Der einzelne, leicht versetzte Teaser im Footer kann je nach Anforderung unterschiedlich genutzt werden. Z. B. als Kontakt-/Servicemodul oder für den neuesten Tweet bei Twitter.
Für den vertikalen Abstand zum vorhergehenden Content benötigt die footer section zusätzlich noch eine modifier Klasse footer--teaser
Der sticky Footer kann auf jeder Seite eingefügt werden. Das Element sticky-footer muss auf der Seite an einer beliebigen Stelle eingefügt werden. Für den Trigger muss die Interaction sticky-footer ausgewählt werden. Um den Footer gleich beim ersten Laden der Seite anzuzeigen, muss beim Element sticky-footer einfach die interaction von footer-sticky - hide auf none gesetzt werden.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.