El framework tiene un footer, que puede ver al final de la documentación. Para utilizarlo, debe comenzar con un tagfooter, el cual contiene un único elementodiv.container. El contenido del footer simplemente se coloca dentro de este container.

Recomendamos tener el logo del sitio en el footer, y si es posible, tener dos versiones del logo, uno para escritorio y otro para dispositivos móviles. Ambas imágenes las debe colocar dentro de un linka.footer-logo y las imágenes deben tener las clasesimg.footer-default-logo y img.footer-mobile-logo para que el framework sepa qué logo mostrar.

Para sitios que son más pequeños en alto que la página en la que se está mostrando, el footer se colocará al final del sitio si se respetó el contenido del body (header main footer).

Para evitar que el navbar se oculte en móvil use la clase .content-always-on-display sobre el tag footer.

A continuación un par de ejemplos: