Ejemplos comentados

Los ejemplos de Bootstrap comentados línea a línea.

Hemos comentado los ejemplos oficiales de la web de Bootstrap.

Puedes leer mano a mano el código de los ejemplos junto con comentarios sobre él.

El código aparece a la derecha y nuestros comentarios a la izquierda.

Si aprendes estos ejemplos será más fácil introducirte rápidamente en Bootstrap y realizar otros diseños más complejos.

¡Espero que sea de utilidad!

Plantilla básica

Un ejemplo mínimo con un header

Retículas

Ejemplos de retículas, layouts y anidaciones de elementos.

Jumbotron

Un ejemplo básico de Jumbotron con barra de navegación.

Jumbotron estrecho

Página personalizada más estrecha que el Jumbotron normal.

Barra de navegación superior estática

Plantilla básica con barra de navegación estática y algo de contenido.

Barra de navegación fija

Plantilla básica con barra de navegación fija y algo de contenido.

Página de registro

Plantilla personalizada para un formulario de registro.

Pie de página enganchado

Plantilla con el pie de página enganchado al final de la página cuando la altura del contenido no es suficiente.

Barra de navegación justificada

Plantilla con enlaces justificados dentro de la barra de navegación

Menu secundario

Construye un menú secundario con esta plantilla

Carrusel

Cómo personalizar la página y añadir un carrusel

Plantilla no responsiva (responsive)

Plantilla con las opciones responsive deshabilitadas