html - pagina - Pie de página fijo en Bootstrap

footer html ejemplos

Question

Estoy probando Bootstrap y me preguntaba, ¿cómo puedo arreglar el pie de página en la parte inferior sin que desaparezca de la página si el contenido se desplaza?

Answer 1

Añada z-index:-9999; a este método, o cubrirá su barra superior si tiene 1 .

Answer 2

Agrega esto:

<div class="footer navbar-fixed-bottom">

https://.com/a/21604189

EDITAR: la clase navbar-fixed-bottom se ha cambiado a fixed-bottom desde Bootstrap v4-alpha.6.

http://v4-alpha.getbootstrap.com/components/navbar/#placement

Answer 3

Es posible que desee comprobar ese ejemplo: http://getbootstrap.com/2.3.2/examples/sticky-footer.html

Answer 4

Para obtener un pie de página que se adhiera a la parte inferior de su ventana gráfica, dele una posición fija como esta:

footer {
position: fixed;
height: 100px;
bottom: 0;
width: 100%;
}

Bootstrap incluye este CSS en la barra de navegación> sección Ubicación con la clase fixed-bottom . Simplemente agregue esta clase a su elemento de pie de página:

<footer class="fixed-bottom">

Documentos de Bootstrap: http://v4-alpha.getbootstrap.com/components/navbar/#placement