Vés al contingut principal
Hi ha una versió més recent de Bootstrap 4!

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.

Descarrega el codi font

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.

Captura de pantalla de l'àlbum
Àlbum

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

Captura de pantalla de preus
Preus

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

Captura de pantalla de pagament
Pagament

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

Captura de pantalla del producte
Producte

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

Captura de pantalla de la portada
Portada

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

Captura de pantalla del carrusel
Carrusel

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

Captura de pantalla del blog
Bloc

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

Captura de pantalla del tauler
panell

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

Captura de pantalla d'inici de sessió
Inicieu la sessió

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

Captura de pantalla del peu enganxós
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.

Captura de pantalla de la barra de navegació del peu enganxós
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.

Marc

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

Captura de pantalla de la plantilla inicial
Plantilla d'inici

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

Captura de pantalla de la quadrícula
Quadrícula

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

Captura de pantalla de Jumbotron
Jumbotron

Construeix al voltant del jumbotron amb una barra de navegació i algunes columnes de graella bàsiques.

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

Captura de pantalla de les barres de navegació
Barres de navegació

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

Captura de pantalla estàtica de 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.

Captura de pantalla de la barra de navegació arreglada
Barra de navegació arreglada

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

Captura de pantalla inferior de la barra de navegació
Barra de navegació inferior

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

Experiments

Exemples que se centren en funcions o tècniques favorables al futur.

Captura de pantalla d'etiquetes flotants
Etiquetes flotants

Formularis molt senzills amb etiquetes flotants sobre les teves entrades.

Captura de pantalla fora del llenç
Offcanvas

Converteix la teva barra de navegació ampliable en un menú lliscant fora del llenç.