Inicio con CDN
Incluye instantáneamente el CSS y JavaScript compilados de Bootstrap a través del CDN de jsDelivr.
Iniciadores
Ejemplos funcionales del uso de Bootstrap en frameworks JS comunes como Webpack, Parcel, Vite y más que puedes editar en StackBlitz.
Sass & JS
Usa npm para importar y compilar el Sass de Bootstrap con Autoprefixer y Stylelint, además de nuestro JavaScript empaquetado.
Sass & ESM JS
Importa y compila el Sass de Bootstrap con Autoprefixer y Stylelint, y compila nuestro JavaScript fuente 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.
Bootstrap Icons
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 fuente de Bootstrap mediante Parcel.
React
Importa y empaqueta el Sass y JavaScript fuente de Bootstrap con React, Next.js y React Bootstrap.
Vue
Importa y empaqueta el Sass y JavaScript fuente de Bootstrap con Vue y Vite.
Webpack
Importa y empaqueta el Sass y JavaScript fuente de Bootstrap con Webpack.
Snippets
Patrones comunes para construir sitios y apps que se basan en componentes y utilidades existentes con CSS personalizado y más.
Encabezados
Muestra tu branding, navegación, búsqueda y más con estos componentes de encabezado
Heroes
Prepara el escenario en tu página principal con heroes que incluyen llamadas claras a la acción.
Características
Explica las características, beneficios u otros detalles en tu contenido de marketing.
Barras laterales
Patrones de navegación comunes, ideales para layouts offcanvas o multicolumna.
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, íconos, estilos personalizados, y más.
List groups
Extiende los grupos de lista con utilidades y estilos personalizados para cualquier contenido.
Modales
Transforma los modales para servir cualquier propósito, desde recorridos de funciones hasta diálogos.
Badges
Haz que los badges funcionen con HTML interno personalizado y nuevos diseños.
Breadcrumbs
Integra iconos personalizados y crea componentes stepper.
Buttons
Crea botones personalizados para casi cualquier caso de uso con utilidades.
Jumbotrons
Crea versiones modernizadas del componente clásico de Bootstrap.
Componentes personalizados
Componentes y plantillas totalmente nuevos para ayudar a la gente a empezar rápidamente con Bootstrap y demostrar las mejores prácticas para añadir al framework.
Álbum
Plantilla simple de una página para galerías de fotos, portfolios y más.
Precios
Ejemplo de página de precios construida con Cards y que incluye un encabezado 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 ligera enfocada en productos con un uso extensivo de grid e imágenes.
Cover
Plantilla de una página para construir páginas principales simples y bonitas.
Carousel
Personaliza el navbar y el carrusel, luego añade algunos componentes nuevos.
Blog
Plantilla de blog estilo revista con encabezado, navegación y contenido destacado.
Dashboard
Estructura básica de panel de administración con barra lateral y navbar fijos.
Inicio de sesión
Layout y diseño de formulario personalizado para un formulario simple de inicio de sesión.
Pie de página fijo
Fija un pie de página en la parte inferior del viewport cuando el contenido de la página es corto.
Pie de página fijo con navbar
Fija un pie de página en la parte inferior del viewport con un navbar superior fijo.
Jumbotron
Usa utilidades para recrear y mejorar el jumbotron de Bootstrap 4.
Framework
Ejemplos que se centran en implementar usos de los componentes integrados proporcionados por Bootstrap.
Plantilla de inicio
Solo lo básico: CSS y JavaScript compilados.
Grid
Múltiples ejemplos de layouts de grid con los cuatro niveles, anidamiento y más.
Cheatsheet
Colección de todos los componentes de Bootstrap.
Navbars
Tomando el componente navbar predeterminado y mostrando cómo se puede mover, colocar y extender.
Navbars
Demostración de todas las opciones responsivas y de contenedor para el navbar.
Navbars offcanvas
Igual que el ejemplo de Navbars, pero con nuestro componente offcanvas.
Navbar estático
Ejemplo individual de navbar con un navbar superior estático junto con algo de contenido adicional.
Navbar fijo
Ejemplo individual de navbar con un navbar superior fijo junto con algo de contenido adicional.
Navbar inferior
Ejemplo individual de navbar con un navbar inferior junto con algo de contenido adicional.
Navbar offcanvas
Convierte tu navbar expandible en un menú offcanvas deslizante (no usa nuestro componente offcanvas).
RTL
Ve la versión RTL de Bootstrap en acción con estos ejemplos modificados de varias categorías.
RTL aún es experimental y evolucionará con los comentarios. ¿Detectaste algo o tienes alguna mejora para sugerir?
Álbum RTL
Plantilla simple de una página para galerías de fotos, portfolios y más.
Checkout RTL
Formulario de checkout personalizado que muestra nuestros componentes de formulario y sus funciones de validación.
Carrusel RTL
Personaliza el navbar y el carrusel, luego añade algunos componentes nuevos.
Blog RTL
Plantilla de blog estilo revista con encabezado, navegación y contenido destacado.
Dashboard RTL
Estructura básica de panel de administración con barra lateral y navbar fijos.
Cheatsheet RTL
Colección de todos los componentes de Bootstrap, RTL.
Integraciones
Integraciones con librerías externas.
Masonry
Combina el poder del grid de Bootstrap y el layout de Masonry.