modele-de-page-avance - Modèle de site web n°1 Accéder directement au contenu

La présente page recense des exemples de ce qui peut être réalisé avec la bibliothèque Bootstrap 4.6, cf. Bootstrap Components.

Exemple d'effet jumbotron

Plus de détails dans Bootstrap Jumbotron.

Intitulé

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ullamcorper ut libero blandit condimentum.


Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...

Plus de détails

Caroussels d'images

Plus de détails dans Bootstrap Carousel.

Exemple de carrousel d'images sans boutons

Exemple de carrousel d'images avec les boutons

Exemple d'article contenant un média

Plus de détails dans Bootstrap Media Object.

Votre image
Intitulé

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Plus de détails

Exemples de menu de navigation

Plus de détails dans Bootstrap Collapse.

Exemple de menu accordéon

Ce contenu est affiché par défaut grâce à la classe .show.

Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...

Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...

Exemple de menu dépliable

Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...
Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...

Le code source de la page à copier-coller dans votre éditeur préféré ou directement dans l'éditeur de la page est disponible sur ce lien. Le bouton Modifier le contenu de la page est accessible aux utilisateurs connectés et se situe en bas de page.

Pour plus de détails sur la construction des pages, rendez-vous dans le guide de la construction de la page d'accueil et des pages personnalisables.

Vous pouvez prévisualiser le code dans la visionneuse ci-dessous.