Saltar al contenido principal
Check
¡Hay una versión más nueva de Bootstrap!

Ejemplos

Comienza rápidamente un proyecto con cualquiera de nuestros ejemplos que van desde usar partes del framework hasta componentes y layouts personalizados.

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.

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.

Cheatsheet RTL

Colección de todos los componentes de Bootstrap, RTL.

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 Componentes Personalizados.

RTL sigue siendo experimental y evolucionará con los comentarios. ¿Has visto algo o tienes una mejora que sugerir?

Por favor, abre un issue.

Á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.

Integraciones

Integraciones con librerías externas.

Masonry

Combina el poder del grid de Bootstrap y el layout de Masonry.


Ve más allá con Bootstrap Themes

Bootstrap Themes
Traducción mantenida por Esdocu. Visita esdocu.com para ver más documentaciones traducidas.