Fragmentos
Patróns comúns para sitios de construción e aplicacións que se basean en compoñentes e utilidades existentes con CSS personalizado e moito máis.

Cabeceiras
Mostra a túa marca, navegación, busca e moito máis con estes compoñentes de cabeceira

Heroes
Establece o escenario na túa páxina de inicio con heroes que presentan chamadas á acción claras.

características
Explica as funcións, as vantaxes ou outros detalles do teu contido de márketing.

Barras laterais
Patróns de navegación comúns ideais para deseños fóra de lenzo ou de varias columnas.

Pé de páxina
Remata cada páxina con forza cun pé de páxina incrible, grande ou pequeno.

Despregables
Mellora os teus menús despregables con filtros, iconas, estilos personalizados e moito máis.

Lista de grupos
Amplía os grupos de listas con utilidades e estilos personalizados para calquera contido.

Modais
Transforma os modais para servir calquera propósito, desde visitas guiadas ata diálogos.
Compoñentes personalizados
Compoñentes e modelos novos para axudar a xente a comezar rapidamente con Bootstrap e demostrar as mellores prácticas para engadir ao marco.

Álbum
Modelo sinxelo dunha páxina para galerías de fotos, carteiras e moito máis.

Prezos
Exemplo de páxina de prezos construída con tarxetas e cunha cabeceira e pé de páxina personalizados.

Comprobar
Formulario de pago personalizado que mostra os nosos compoñentes do formulario e as súas funcións de validación.

Produto
Páxina de mercadotecnia lean centrada en produtos con un amplo traballo de cuadrícula e imaxe.

Cuberta
Un modelo dunha páxina para crear páxinas de inicio sinxelas e fermosas.

Carrusel
Personaliza a barra de navegación e o carrusel, despois engade algúns compoñentes novos.

Blog
Modelo de blog como revista con cabeceira, navegación e contido destacado.

Panel de control
Shell de panel de administración básico con barra lateral fixa e barra de navegación.

Rexístrate
Deseño e deseño de formularios personalizados para un formulario de inicio de sesión sinxelo.

Pé de páxina pegajoso
Engade un pé de páxina na parte inferior da vista cando o contido da páxina sexa curto.

Barra de navegación de pé pegajoso
Engade un pé de páxina na parte inferior da ventana gráfica cunha barra de navegación superior fixa.

Jumbotron
Use utilidades para recrear e mellorar o jumbotron de Bootstrap 4.
Marco
Exemplos que se centran na implementación de usos dos compoñentes integrados proporcionados por Bootstrap.

Modelo de inicio
Nada máis que o básico: CSS e JavaScript compilados.

Reixa
Varios exemplos de deseños de cuadrícula cos catro niveis, aniñación e moito máis.

Cheatsheet
Pía da cociña de compoñentes Bootstrap.

Folla de trucos RTL
Pía de cociña de compoñentes Bootstrap, RTL.
Barras de navegación
Tomando o compoñente da barra de navegación predeterminada e mostrando como se pode mover, colocar e estender.

Barras de navegación
Demostración de todas as opcións de resposta e contedores para a barra de navegación.

Barras de navegación fóra do lenzo
O mesmo que o exemplo de Navbars, pero co noso compoñente offcanvas.

Barra de navegación estática
Exemplo de barra de navegación única dunha barra de navegación superior estática xunto con algún contido adicional.

Barra de navegación corrixida
Exemplo de barra de navegación única cunha barra de navegación superior fixa xunto con algún contido adicional.

Navbar inferior
Exemplo de barra de navegación única cunha barra de navegación inferior xunto con algún contido adicional.

Barra de navegación offcanvas
Converte a túa barra de navegación expandible nun menú deslizante offcanvas (non usa o noso compoñente offcanvas).
RTL
Vexa a versión RTL de Bootstrap en acción con estes exemplos de compoñentes personalizados modificados.
RTL aínda é experimental e evolucionará cos comentarios. Descubriches algo ou tes algunha mellora que suxerir?

Álbum RTL
Modelo sinxelo dunha páxina para galerías de fotos, carteiras e moito máis.

Consulta RTL
Formulario de pago personalizado que mostra os nosos compoñentes do formulario e as súas funcións de validación.

Carrusel RTL
Personaliza a barra de navegación e o carrusel, despois engade algúns compoñentes novos.

Blog RTL
Modelo de blog como revista con cabeceira, navegación e contido destacado.

Panel de control RTL
Shell de panel de administración básico con barra lateral fixa e barra de navegación.
Integracións
Integracións con bibliotecas externas.

albanelería
Combina os poderes da reixa Bootstrap e o deseño Masonry.
Vaia máis lonxe cos temas Bootstrap
Necesitas algo máis que estes exemplos? Leva Bootstrap ao seguinte nivel con temas premium do mercado oficial de temas Bootstrap . Están construídos como os seus propios marcos estendidos, ricos en novos compoñentes e complementos, documentación e poderosas ferramentas de compilación.
Explorar temas