Inicio con CDN
Incluye instantáneamente el CSS y JavaScript compilados de Bootstrap a través del CDN de jsDelivr.
Plantillas de inicio
Ejemplos funcionales del uso de Bootstrap en frameworks comunes de JS como Webpack, Parcel, Vite y más, que puedes editar en StackBlitz.
Sass y JS
Usa npm para importar y compilar el Sass de Bootstrap con Autoprefixer y Stylelint, además de nuestro JavaScript empaquetado.
Sass y ESM JS
Importa y compila el Sass de Bootstrap con Autoprefixer y Stylelint, y compila nuestro JavaScript de origen con un shim ESM.
Modos de color de Bootstrap
Importa y compila el Sass de Bootstrap con Stylelint, y los modos de color de Bootstrap.
Iconos de Bootstrap
Importa y compila el Sass de Bootstrap con Stylelint, PurgeCSS y la fuente web de Bootstrap Icons.
Parcel
Importa y empaqueta el Sass y JavaScript de origen de Bootstrap a través de Parcel.
React
Importa y empaqueta el Sass y JavaScript de origen de Bootstrap con React, Next.js y React Bootstrap.
Vue
Importa y empaqueta el Sass y JavaScript de origen de Bootstrap con Vue y Vite.
Webpack
Importa y empaqueta el Sass y JavaScript de origen de Bootstrap con Webpack.
Fragmentos
Patrones comunes para construir sitios y aplicaciones que se basan en componentes y utilidades existentes con CSS personalizado y más.
Cabeceras
Muestra tu marca, navegación, búsqueda y más con estos componentes de cabecera
Heroes
Prepara el escenario en tu página de inicio con secciones hero que presentan llamadas a la acción claras.
Características
Explica las características, beneficios u otros detalles en tu contenido de marketing.
Barras laterales
Patrones de navegación comunes ideales para diseños offcanvas o de múltiples columnas.
Pies de página
Termina cada página con fuerza con un pie de página increíble, grande o pequeño.
Dropdowns
Mejora tus menús desplegables con filtros, iconos, estilos personalizados y más.
Grupos de listas
Extiende los grupos de listas con utilidades y estilos personalizados para cualquier contenido.
Modales
Transforma los modales para cumplir cualquier propósito, desde recorridos por funciones hasta diálogos.
Insignias
Haz que las insignias funcionen con HTML interno personalizado y nuevos aspectos.
Migas de pan
Integra iconos personalizados y crea componentes de pasos.
Botones
Crea botones personalizados para casi cualquier caso de uso con utilidades.
Jumbotrons
Crea versiones modernizadas del clásico componente Bootstrap.
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 extender el framework.
Álbum
Plantilla simple de una sola página para galerías de fotos, portafolios y más.
Precios
Ejemplo de página de precios creada con Tarjetas y que presenta una cabecera y pie de página personalizados.
Checkout
Formulario de checkout personalizado que muestra nuestros componentes de formulario y sus funciones de validación.
Producto
Página de marketing sencilla centrada en el producto con un amplio trabajo de cuadrícula e imágenes.
Portada
Una plantilla de una sola página para crear páginas de inicio sencillas y hermosas.
Carrusel
Personaliza la barra de navegación y el carrusel, luego añade algunos componentes nuevos.
Blog
Plantilla de blog tipo revista con cabecera, navegación y contenido destacado.
Panel de control
Estructura básica de panel de administración con barra lateral y barra de navegación fijas.
Iniciar sesión
Diseño y maquetación de formulario personalizado para un formulario de inicio de sesión simple.
Pie de página fijo
Fija un pie de página en la parte inferior de la pantalla cuando el contenido de la página es corto.
Barra de navegación con pie de página fijo
Fija un pie de página en la parte inferior de la pantalla con una barra de navegación fija en la parte superior.
Jumbotron
Utiliza utilidades para recrear y mejorar el jumbotron de Bootstrap 4.
Framework
Ejemplos que se centran en implementar el uso de componentes integrados proporcionados por Bootstrap.
Plantilla de inicio
Nada más que lo básico: CSS y JavaScript compilados.
Cuadrícula
Múltiples ejemplos de diseños de cuadrícula con los cuatro niveles, anidamiento y más.
Cheatsheet
Una lista completa con todos los componentes de Bootstrap.
Barras de navegación
Toma el componente de barra de navegación predeterminado y muestra cómo se puede mover, colocar y extender.
Barras de navegación
Demostración de todas las opciones responsivas y de contenedor para la barra de navegación.
Barras de navegación offcanvas
Igual al ejemplo de barras de navegación, pero con nuestro componente offcanvas.
Barra de navegación estática
Ejemplo de una sola barra de navegación superior estática junto con contenido adicional.
Barra de navegación fija
Ejemplo de una sola barra de navegación superior fija junto con contenido adicional.
Barra de navegación inferior
Ejemplo de una sola barra de navegación inferior junto con contenido adicional.
Barra de navegación offcanvas
Convierte tu barra de navegación expandible en un menú offcanvas deslizante (no utiliza nuestro componente offcanvas).
RTL
Mira la versión RTL de Bootstrap en acción con estos ejemplos modificados de varias categorías.
RTL sigue siendo experimental y evolucionará con los comentarios. ¿Viste algo o tienes alguna sugerencia de mejora?
Álbum RTL
Plantilla simple de una sola página para galerías de fotos, portafolios y más.
Checkout RTL
Formulario de checkout personalizado que muestra nuestros componentes de formulario y sus funciones de validación.
Carrusel RTL
Personaliza la barra de navegación y el carrusel, luego añade algunos componentes nuevos.
Blog RTL
Plantilla de blog tipo revista con cabecera, navegación y contenido destacado.
Panel de control RTL
Estructura básica de panel de administración con barra lateral y barra de navegación fijas.
Cheatsheet RTL
Una lista completa con todos los componentes de Bootstrap, RTL.
Integraciones
Integraciones con bibliotecas externas.
Masonry
Combina la potencia de la cuadrícula de Bootstrap y el diseño Masonry.