Passer au contenu principal
Il y a une nouvelle version de Bootstrap 4 !

Exemples

Démarrez rapidement un projet avec l'un de nos exemples allant de l'utilisation de parties du framework aux composants et mises en page personnalisés.

Télécharger le code source

Composants personnalisés

De nouveaux composants et modèles pour aider les gens à démarrer rapidement avec Bootstrap et démontrer les meilleures pratiques pour ajouter au framework.

Capture d'écran de l'album
Album

Modèle simple d'une page pour les galeries de photos, les portfolios, etc.

Capture d'écran des prix
Tarification

Exemple de page de tarification construite avec des cartes et comportant un en-tête et un pied de page personnalisés.

Capture d'écran de paiement
Vérifier

Formulaire de paiement personnalisé montrant nos composants de formulaire et leurs fonctionnalités de validation.

Capture d'écran du produit
Produit

Page marketing allégée axée sur les produits avec une grille et un travail d'image étendus.

Capture d'écran de la couverture
Couverture

Un modèle d'une page pour créer des pages d'accueil simples et belles.

Capture d'écran du carrousel
Carrousel

Personnalisez la barre de navigation et le carrousel, puis ajoutez de nouveaux composants.

Capture d'écran du blog
Blog

Magazine comme modèle de blog avec en-tête, navigation, contenu en vedette.

Capture d'écran du tableau de bord
Tableau de bord

Shell de tableau de bord d'administration de base avec barre latérale fixe et barre de navigation.

Capture d'écran de connexion
S'identifier

Mise en page et conception de formulaires personnalisés pour un formulaire de connexion simple.

Capture d'écran du pied de page collant
Pied de page collant

Attachez un pied de page au bas de la fenêtre d'affichage lorsque le contenu de la page est court.

Capture d'écran de la barre de navigation du pied de page collant
Barre de navigation du pied de page collant

Attachez un pied de page au bas de la fenêtre avec une barre de navigation supérieure fixe.

Cadre

Exemples qui se concentrent sur la mise en œuvre des utilisations des composants intégrés fournis par Bootstrap.

Capture d'écran du modèle de démarrage
Modèle de démarrage

Rien que les bases : CSS et JavaScript compilés.

Capture d'écran de la grille
Grille

Plusieurs exemples de dispositions de grille avec les quatre niveaux, l'imbrication, etc.

Capture d'écran Jumbotron
Jumbotron

Construisez autour du jumbotron avec une barre de navigation et quelques colonnes de grille de base.

Prendre le composant de barre de navigation par défaut et montrer comment il peut être déplacé, placé et étendu.

Capture d'écran des barres de navigation
Barres de navigation

Démonstration de toutes les options responsives et conteneurs pour la barre de navigation.

Capture d'écran statique de la barre de navigation
Barre de navigation statique

Exemple de barre de navigation unique d'une barre de navigation supérieure statique avec du contenu supplémentaire.

Capture d'écran fixe de la barre de navigation
Barre de navigation corrigée

Exemple de barre de navigation unique avec une barre de navigation supérieure fixe ainsi que du contenu supplémentaire.

Capture d'écran du bas de la barre de navigation
Bas de la barre de navigation

Exemple de barre de navigation unique avec une barre de navigation inférieure ainsi que du contenu supplémentaire.

Expériences

Exemples axés sur des fonctionnalités ou des techniques tournées vers l'avenir.

Capture d'écran des étiquettes flottantes
Étiquettes flottantes

Des formulaires magnifiquement simples avec des étiquettes flottantes sur vos entrées.

Capture d'écran hors toile
Hors toile

Transformez votre barre de navigation extensible en un menu coulissant hors canevas.