Saltar al contingut principal

Exemples

Comenceu ràpidament un projecte amb qualsevol dels nostres exemples que van des de l'ús de parts del marc fins a components i dissenys personalitzats.

Fragments

Patrons habituals per construir llocs i aplicacions que es basen en components i utilitats existents amb CSS personalitzat i molt més.

Capçaleres

Mostra la teva marca, navegació, cerca i molt més amb aquests components de capçalera

Herois

Prepara l'escenari a la teva pàgina d'inici amb herois que inclouen crides a l'acció clares.

Característiques

Expliqueu les característiques, els avantatges o altres detalls del vostre contingut de màrqueting.

Barres laterals

Patrons de navegació habituals ideals per a dissenys fora de llenç o de diverses columnes.

Peus de pàgina

Acabeu cada pàgina amb força amb un peu de pàgina fantàstic, gran o petit.

Desplegables

Milloreu els vostres menús desplegables amb filtres, icones, estils personalitzats i molt més.

Llista de grups

Amplieu els grups de llistes amb utilitats i estils personalitzats per a qualsevol contingut.

Modals

Transformeu els modals per a qualsevol propòsit, des de visites guiades a diàlegs.

Components personalitzats

Components i plantilles nous per ajudar la gent a començar ràpidament amb Bootstrap i demostrar les millors pràctiques per afegir-hi el marc.

Àlbum

Plantilla senzilla d'una pàgina per a galeries de fotos, carteres i molt més.

Preus

Exemple de pàgina de preus creada amb Cards i amb una capçalera i un peu de pàgina personalitzats.

Pagament

Formulari de pagament personalitzat que mostra els nostres components del formulari i les seves funcions de validació.

Producte

Pàgina de màrqueting centrada en el producte amb un ampli treball de quadrícula i imatge.

Portada

Una plantilla d'una pàgina per crear pàgines d'inici senzilles i boniques.

Carrusel

Personalitzeu la barra de navegació i el carrusel i, a continuació, afegiu alguns components nous.

Bloc

Plantilla de bloc com a revista amb capçalera, navegació, contingut destacat.

panell

Intèrpret d'ordres bàsic del tauler d'administració amb barra lateral fixa i barra de navegació.

Inicieu la sessió

Disseny i disseny de formularis personalitzats per a un formulari d'inici de sessió senzill.

Peu de pàgina enganxós

Adjunteu un peu de pàgina a la part inferior de la finestra gràfica quan el contingut de la pàgina sigui curt.

Barra de navegació del peu enganxós

Adjunteu un peu de pàgina a la part inferior de la finestra gràfica amb una barra de navegació superior fixa.

Jumbotron

Utilitzeu utilitats per recrear i millorar el jumbotron de Bootstrap 4.

Marc

Exemples que se centren en la implementació d'usos dels components integrats proporcionats per Bootstrap.

Plantilla d'inici

Res més que el bàsic: CSS compilat i JavaScript.

Quadrícula

Múltiples exemples de dissenys de quadrícula amb els quatre nivells, nidificació i molt més.

Full de trucs

Aigüera de cuina de components Bootstrap.

Cheatsheet RTL

Aigüera de cuina de components Bootstrap, RTL.

Prenent el component de la barra de navegació per defecte i mostra com es pot moure, col·locar i ampliar.

Barres de navegació

Demostració de totes les opcions de resposta i contenidors per a la barra de navegació.

Barra de navegació estàtica

Exemple de barra de navegació única d'una barra de navegació superior estàtica juntament amb algun contingut addicional.

Barra de navegació arreglada

Exemple de barra de navegació única amb una barra de navegació superior fixa juntament amb algun contingut addicional.

Barra de navegació inferior

Exemple de barra de navegació única amb una barra de navegació inferior juntament amb algun contingut addicional.

Barra de navegació fora del llenç

Converteix la teva barra de navegació ampliable en un menú lliscant offcanvas (no fa servir el nostre component offcanvas).

RTL

Vegeu la versió RTL de Bootstrap en acció amb aquests exemples de components personalitzats modificats.

La funció RTL encara és experimental i probablement evolucionarà segons els comentaris dels usuaris. Heu trobat alguna cosa o teniu alguna millora per suggerir? Obre un problema , ens agradaria rebre les teves estadístiques.

Àlbum RTL

Plantilla senzilla d'una pàgina per a galeries de fotos, carteres i molt més.

Paga RTL

Formulari de pagament personalitzat que mostra els nostres components del formulari i les seves funcions de validació.

Carrusel RTL

Personalitzeu la barra de navegació i el carrusel i, a continuació, afegiu alguns components nous.

Blog RTL

Plantilla de bloc com a revista amb capçalera, navegació, contingut destacat.

Tauler RTL

Intèrpret d'ordres bàsic del tauler d'administració amb barra lateral fixa i barra de navegació.

Integracions

Integracions amb biblioteques externes.

maçoneria

Combina els poders de la graella Bootstrap i el disseny de Masonry.


Aneu més lluny amb els temes Bootstrap

Necessites alguna cosa més que aquests exemples? Porta Bootstrap al següent nivell amb temes premium del mercat oficial de temes Bootstrap . Estan creats com els seus propis marcs estès, rics amb nous components i connectors, documentació i potents eines de creació.

Navega per temes
Temes Bootstrap