Ir ao contido principal

Exemplos

Comeza rapidamente un proxecto con calquera dos nosos exemplos que van desde o uso de partes do cadro ata compoñentes e deseños personalizados.

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.

Compoñentes personalizados

Novos compoñentes e modelos para axudar a xente a comezar rapidamente con Bootstrap e demostrar as mellores prácticas para engadir ao cadro.

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

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.

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.

A función RTL aínda é experimental e probablemente evolucionará segundo os comentarios dos usuarios. Descubriches algo ou tes algunha mellora que suxerir? Abre un problema , encantaríanos obter as túas informacións.

Á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
Temas Bootstrap