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 fuenteComponentes 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](/docs/4.0/examples/screenshots/album.png)
Álbum
Plantilla simple de una página para galerías de fotos, portafolios y más.
![Captura de pantalla de precios](/docs/4.0/examples/screenshots/pricing.png)
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](/docs/4.0/examples/screenshots/checkout.png)
Verificar
Formulario de pago personalizado que muestra los componentes de nuestro formulario y sus funciones de validación.
![Captura de pantalla del producto](/docs/4.0/examples/screenshots/product.png)
Producto
Página de marketing centrada en el producto con un amplio trabajo de cuadrícula e imagen.
![Captura de pantalla de la portada](/docs/4.0/examples/screenshots/cover.png)
Cubrir
Una plantilla de una página para crear páginas de inicio simples y hermosas.
![Captura de pantalla del carrusel](/docs/4.0/examples/screenshots/carousel.png)
Carrusel
Personalice la barra de navegación y el carrusel, luego agregue algunos componentes nuevos.
![Captura de pantalla del blog](/docs/4.0/examples/screenshots/blog.png)
Blog
Revista como plantilla de blog con encabezado, navegación, contenido destacado.
![Captura de pantalla del panel](/docs/4.0/examples/screenshots/dashboard.png)
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](/docs/4.0/examples/screenshots/sign-in.png)
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](/docs/4.0/examples/screenshots/sticky-footer.png)
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](/docs/4.0/examples/screenshots/sticky-footer-navbar.png)
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.
Ejemplos que se centran en la implementación de usos de componentes integrados proporcionados por Bootstrap.
![Captura de pantalla de la plantilla de inicio](/docs/4.0/examples/screenshots/starter-template.png)
Plantilla de inicio
Nada más que lo básico: CSS compilado y JavaScript.
![Captura de pantalla de cuadrícula](/docs/4.0/examples/screenshots/grid.png)
Cuadrícula
Múltiples ejemplos de diseños de cuadrícula con los cuatro niveles, anidamiento y más.
![captura de pantalla gigante](/docs/4.0/examples/screenshots/jumbotron.png)
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](/docs/4.0/examples/screenshots/navbars.png)
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](/docs/4.0/examples/screenshots/navbar-static.png)
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](/docs/4.0/examples/screenshots/navbar-fixed.png)
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](/docs/4.0/examples/screenshots/navbar-bottom.png)
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.
Ejemplos que se centran en características o técnicas amigables para el futuro.
![Captura de pantalla de etiquetas flotantes](/docs/4.0/examples/screenshots/floating-labels.png)
Etiquetas flotantes
Formularios hermosamente simples con etiquetas flotantes sobre sus entradas.
![Captura de pantalla fuera del lienzo](/docs/4.0/examples/screenshots/offcanvas.png)
Offcanvas
Convierta su barra de navegación expandible en un menú deslizable fuera del lienzo.