Passer au contenu principal

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.

Extraits

Modèles communs pour créer des sites et des applications qui s'appuient sur des composants et des utilitaires existants avec un CSS personnalisé et plus encore.

En-têtes

Affichez votre image de marque, votre navigation, votre recherche et plus encore avec ces composants d'en-tête

Héros

Préparez le terrain sur votre page d'accueil avec des héros qui proposent des appels à l'action clairs.

Fonctionnalités

Expliquez les fonctionnalités, les avantages ou d'autres détails dans votre contenu marketing.

Barres latérales

Modèles de navigation courants idéaux pour les mises en page hors canevas ou multi-colonnes.

Pieds de page

Terminez chaque page en force avec un pied de page impressionnant, grand ou petit.

Listes déroulantes

Améliorez vos listes déroulantes avec des filtres, des icônes, des styles personnalisés et bien plus encore.

Liste des groupes

Étendez les groupes de listes avec des utilitaires et des styles personnalisés pour tout contenu.

Modaux

Transformez les modaux pour servir n'importe quel objectif, des visites guidées aux boîtes de dialogue.

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.

Album

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

Tarification

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

Vérifier

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

Produit

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

Couverture

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

Carrousel

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

Blog

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

Tableau de bord

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

S'identifier

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

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.

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.

Jumbotron

Utilisez des utilitaires pour recréer et améliorer le jumbotron de Bootstrap 4.

Cadre

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

Modèle de démarrage

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

Grille

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

Aide-mémoire

Évier de cuisine de composants Bootstrap.

Aide-mémoire RTL

Évier de cuisine de composants Bootstrap, RTL.

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

Barres de navigation

Démonstration de toutes les options responsives et conteneurs pour 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.

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.

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.

Barre de navigation hors toile

Transformez votre barre de navigation extensible en un menu coulissant hors toile (n'utilise pas notre composant hors toile).

RTL

Découvrez la version RTL de Bootstrap en action avec ces exemples de composants personnalisés modifiés.

La fonctionnalité RTL est encore expérimentale et évoluera probablement en fonction des retours des utilisateurs. Vous avez repéré quelque chose ou avez une amélioration à suggérer ? Ouvrez un problème , nous serions ravis d'avoir votre avis.

Album RTL

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

Commander RTL

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

Carrousel RTL

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

Blogue RTL

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

Tableau de bord RTL

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

Intégrations

Intégrations avec des bibliothèques externes.

Maçonnerie

Combinez les pouvoirs de la grille Bootstrap et de la disposition Masonry.


Allez plus loin avec les thèmes Bootstrap

Besoin de quelque chose de plus que ces exemples ? Faites passer Bootstrap au niveau supérieur avec des thèmes premium du marché officiel des thèmes Bootstrap . Ils sont conçus comme leurs propres frameworks étendus, riches de nouveaux composants et plugins, de documentation et d'outils de construction puissants.

Parcourir les thèmes
Thèmes d'amorçage