Saltar al contenido principal

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.

fragmentos

Patrones comunes para crear sitios y aplicaciones que se basan en componentes y utilidades existentes con CSS personalizado y más.

Encabezados

Muestre su marca, navegación, búsqueda y más con estos componentes de encabezado

Héroes

Prepara el escenario en tu página de inicio con héroes que presenten claros llamados a la acción.

Características

Explique las características, los beneficios u otros detalles en su contenido de marketing.

Barras laterales

Patrones de navegación comunes ideales para diseños fuera de lienzo o de varias columnas.

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.

Álbum

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

Precios

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

Verificar

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

Producto

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

Cubrir

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

Carrusel

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

Blog

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

Tablero

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

Iniciar sesión

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

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.

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.

jumbotron

Use utilidades para recrear y mejorar el jumbotron de Bootstrap 4.

Estructura

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

Plantilla de inicio

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

Cuadrícula

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

Hoja de trucos

Fregadero de cocina de componentes Bootstrap.

Hoja de trucos RTL

Fregadero de cocina de componentes Bootstrap, RTL.

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

barras de navegación

Demostración de todas las opciones receptivas y de contenedores para 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.

Barra de navegación fija

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

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.

Barra de navegación fuera del lienzo

Convierta su barra de navegación expandible en un menú deslizable fuera del lienzo (no utiliza nuestro componente fuera del lienzo).

RTL

Vea la versión RTL de Bootstrap en acción con estos ejemplos de componentes personalizados modificados.

La función RTL aún es experimental y probablemente evolucionará de acuerdo con los comentarios de los usuarios. ¿Detectó algo o tiene alguna mejora que sugerir? Abre un problema , nos encantaría conocer tu opinión.

Álbum RTL

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

Pagar RTL

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

Carrusel RTL

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

RTL de blogs

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

Tablero RTL

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

integraciones

Integraciones con bibliotecas externas.

Albañilería

Combine los poderes de la cuadrícula Bootstrap y el diseño de mampostería.


Vaya más allá con los temas de Bootstrap

¿Necesitas algo más que estos ejemplos? Lleve Bootstrap al siguiente nivel con temas premium del mercado oficial de Bootstrap Themes . Están construidos como sus propios marcos extendidos, ricos en nuevos componentes y complementos, documentación y potentes herramientas de construcción.

Explorar temas
Temas de arranque