Saltar al contenido principal
¡Hay una nueva versión de Bootstrap 4!

Ejemplos

Comience rápidamente un proyecto con cualquiera de nuestros ejemplos que van desde el uso de partes del marco hasta componentes y diseños personalizados.

Descargar código fuente

Componentes personalizados

Componentes y plantillas completamente nuevos para ayudar a las personas a comenzar rápidamente con Bootstrap y demostrar las mejores prácticas para agregar al marco.

Captura de pantalla del álbum
Álbum

Plantilla simple de una página para galerías de fotos, portafolios y más.

Captura de pantalla de precios
Precios

Página de precios de ejemplo creada con Cards y con un encabezado y pie de página personalizados.

Captura de pantalla de pago
Verificar

Formulario de pago personalizado que muestra los componentes de nuestro formulario y sus funciones de validación.

Captura de pantalla del producto
Producto

Página de marketing centrada en el producto con un amplio trabajo de cuadrícula e imagen.

Captura de pantalla de la portada
Cubrir

Una plantilla de una página para crear páginas de inicio simples y hermosas.

Captura de pantalla del carrusel
Carrusel

Personalice la barra de navegación y el carrusel, luego agregue algunos componentes nuevos.

Captura de pantalla del blog
Blog

Revista como plantilla de blog con encabezado, navegación, contenido destacado.

Captura de pantalla del panel
Tablero

Shell del panel de administración básico con barra lateral fija y barra de navegación.

Captura de pantalla de inicio de sesión
Iniciar sesión

Diseño y diseño de formulario personalizado para un formulario de inicio de sesión simple.

Captura de pantalla de pie de página adhesivo
Pie de página fijo

Adjunte un pie de página en la parte inferior de la ventana gráfica cuando el contenido de la página sea corto.

Captura de pantalla de la barra de navegación de pie de página adhesivo
Barra de navegación de pie de página fijo

Adjunte un pie de página en la parte inferior de la ventana gráfica con una barra de navegación superior fija.

Estructura

Ejemplos que se centran en la implementación de usos de componentes integrados proporcionados por Bootstrap.

Captura de pantalla de la plantilla de inicio
Plantilla de inicio

Nada más que lo básico: CSS compilado y JavaScript.

Captura de pantalla de cuadrícula
Cuadrícula

Múltiples ejemplos de diseños de cuadrícula con los cuatro niveles, anidamiento y más.

captura de pantalla gigante
jumbotron

Construya alrededor del jumbotron con una barra de navegación y algunas columnas de cuadrícula básicas.

Tomando el componente de barra de navegación predeterminado y mostrando cómo se puede mover, colocar y extender.

Captura de pantalla de las barras de navegación
barras de navegación

Demostración de todas las opciones receptivas y de contenedores para la barra de navegación.

Captura de pantalla estática de la barra de navegación
barra de navegación estática

Ejemplo de barra de navegación única de una barra de navegación superior estática junto con contenido adicional.

Captura de pantalla fija de la barra de navegación
Barra de navegación fija

Ejemplo de barra de navegación única con una barra de navegación superior fija junto con contenido adicional.

Captura de pantalla inferior de la barra de navegación
Parte inferior de la barra de navegación

Ejemplo de barra de navegación única con una barra de navegación inferior junto con contenido adicional.

Experimentos

Ejemplos que se centran en características o técnicas amigables para el futuro.

Captura de pantalla de etiquetas flotantes
Etiquetas flotantes

Formularios hermosamente simples con etiquetas flotantes sobre sus entradas.

Captura de pantalla fuera del lienzo
Offcanvas

Convierta su barra de navegación expandible en un menú deslizable fuera del lienzo.