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 sorgenteNuovi 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](/docs/4.0/examples/screenshots/album.png)
Album
Semplice modello di una pagina per gallerie fotografiche, portfolio e altro.
![Schermata dei prezzi](/docs/4.0/examples/screenshots/pricing.png)
Prezzo
Esempio di pagina dei prezzi creata con Cards e caratterizzata da un'intestazione e un piè di pagina personalizzati.
![Schermata di pagamento](/docs/4.0/examples/screenshots/checkout.png)
Guardare
Modulo di pagamento personalizzato che mostra i nostri componenti del modulo e le loro funzionalità di convalida.
![Schermata del prodotto](/docs/4.0/examples/screenshots/product.png)
Prodotto
Pagina di marketing snella incentrata sul prodotto con ampia griglia e lavoro sull'immagine.
![Schermata di copertina](/docs/4.0/examples/screenshots/cover.png)
Coperchio
Un modello di una pagina per la creazione di home page semplici e belle.
![Schermata del carosello](/docs/4.0/examples/screenshots/carousel.png)
Giostra
Personalizza la barra di navigazione e il carosello, quindi aggiungi alcuni nuovi componenti.
![Schermata del blog](/docs/4.0/examples/screenshots/blog.png)
Blog
Modello di blog simile a una rivista con intestazione, navigazione, contenuto in evidenza.
![Schermata del dashboard](/docs/4.0/examples/screenshots/dashboard.png)
Pannello di controllo
Shell dashboard di amministrazione di base con barra laterale e barra di navigazione fisse.
![Schermata di accesso](/docs/4.0/examples/screenshots/sign-in.png)
Registrazione
Layout e design del modulo personalizzati per un semplice modulo di accesso.
![Schermata del piè di pagina appiccicoso](/docs/4.0/examples/screenshots/sticky-footer.png)
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](/docs/4.0/examples/screenshots/sticky-footer-navbar.png)
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.
Esempi incentrati sull'implementazione degli usi dei componenti integrati forniti da Bootstrap.
![Schermata del modello iniziale](/docs/4.0/examples/screenshots/starter-template.png)
Modello iniziale
Nient'altro che le basi: CSS e JavaScript compilati.
![Schermata della griglia](/docs/4.0/examples/screenshots/grid.png)
Griglia
Esempi multipli di layout di griglia con tutti e quattro i livelli, nidificazione e altro.
![Schermata di Jumbotron](/docs/4.0/examples/screenshots/jumbotron.png)
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](/docs/4.0/examples/screenshots/navbars.png)
barre di navigazione
Dimostrazione di tutte le opzioni reattive e container per la barra di navigazione.
![Schermata statica della barra di navigazione](/docs/4.0/examples/screenshots/navbar-static.png)
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](/docs/4.0/examples/screenshots/navbar-fixed.png)
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](/docs/4.0/examples/screenshots/navbar-bottom.png)
Parte inferiore della barra di navigazione
Esempio di barra di navigazione singola con una barra di navigazione in basso insieme ad alcuni contenuti aggiuntivi.
Esempi che si concentrano su funzionalità o tecniche orientate al futuro.
![Schermata delle etichette mobili](/docs/4.0/examples/screenshots/floating-labels.png)
Etichette fluttuanti
Moduli meravigliosamente semplici con etichette mobili sui tuoi input.
![Schermata fuori tela](/docs/4.0/examples/screenshots/offcanvas.png)
Fuori tela
Trasforma la tua barra di navigazione espandibile in un menu scorrevole fuori tela.