Salta al contenuto principale
C'è una versione più recente di Bootstrap 4!

Esempi

Avvia rapidamente un progetto con uno qualsiasi dei nostri esempi che vanno dall'utilizzo di parti del framework a componenti e layout personalizzati.

Scarica il codice sorgente

Componenti personalizzati

Nuovi componenti e modelli per aiutare le persone a iniziare rapidamente con Bootstrap e dimostrare le migliori pratiche per l'aggiunta al framework.

Schermata dell'album
Album

Semplice modello di una pagina per gallerie fotografiche, portfolio e altro.

Schermata dei prezzi
Prezzo

Esempio di pagina dei prezzi creata con Cards e caratterizzata da un'intestazione e un piè di pagina personalizzati.

Schermata di pagamento
Guardare

Modulo di pagamento personalizzato che mostra i nostri componenti del modulo e le loro funzionalità di convalida.

Schermata del prodotto
Prodotto

Pagina di marketing snella incentrata sul prodotto con ampia griglia e lavoro sull'immagine.

Schermata di copertina
Coperchio

Un modello di una pagina per la creazione di home page semplici e belle.

Schermata del carosello
Giostra

Personalizza la barra di navigazione e il carosello, quindi aggiungi alcuni nuovi componenti.

Schermata del blog
Blog

Modello di blog simile a una rivista con intestazione, navigazione, contenuto in evidenza.

Schermata del dashboard
Pannello di controllo

Shell dashboard di amministrazione di base con barra laterale e barra di navigazione fisse.

Schermata di accesso
Registrazione

Layout e design del modulo personalizzati per un semplice modulo di accesso.

Schermata del piè di pagina appiccicoso
Piè di pagina appiccicoso

Allega un piè di pagina nella parte inferiore della finestra quando il contenuto della pagina è breve.

Schermata della barra di navigazione del piè di pagina appiccicoso
Barra di navigazione a piè di pagina appiccicosa

Attacca un piè di pagina alla parte inferiore della finestra con una barra di navigazione superiore fissa.

Struttura

Esempi incentrati sull'implementazione degli usi dei componenti integrati forniti da Bootstrap.

Schermata del modello iniziale
Modello iniziale

Nient'altro che le basi: CSS e JavaScript compilati.

Schermata della griglia
Griglia

Esempi multipli di layout di griglia con tutti e quattro i livelli, nidificazione e altro.

Schermata di Jumbotron
Jumbotron

Costruisci attorno al jumbotron con una barra di navigazione e alcune colonne della griglia di base.

Prendendo il componente predefinito della barra di navigazione e mostrando come può essere spostato, posizionato ed esteso.

Schermata delle barre di navigazione
barre di navigazione

Dimostrazione di tutte le opzioni reattive e container per la barra di navigazione.

Schermata statica della barra di navigazione
Barra di navigazione statica

Esempio di barra di navigazione singola di una barra di navigazione superiore statica insieme ad alcuni contenuti aggiuntivi.

Schermata corretta della barra di navigazione
Barra di navigazione riparata

Esempio di barra di navigazione singola con una barra di navigazione superiore fissa insieme ad alcuni contenuti aggiuntivi.

Schermata inferiore della barra di navigazione
Parte inferiore della barra di navigazione

Esempio di barra di navigazione singola con una barra di navigazione in basso insieme ad alcuni contenuti aggiuntivi.

Esperimenti

Esempi che si concentrano su funzionalità o tecniche orientate al futuro.

Schermata delle etichette mobili
Etichette fluttuanti

Moduli meravigliosamente semplici con etichette mobili sui tuoi input.

Schermata fuori tela
Fuori tela

Trasforma la tua barra di navigazione espandibile in un menu scorrevole fuori tela.