# Barres de navigation
Les barres de navigation sont des en-têtes de navigation réactifs couramment utilisés pour fournir des liens de navigation sur le site, de la marque et d'autres éléments interactifs.

## Caractéristiques clés
Les barres de navigation sont conçues pour être réactives et se réduiront automatiquement en **un menu adapté aux mobiles** lorsqu'elles sont consultées sur des écrans plus petits. Elles sont capables de prendre en charge divers types de contenu, y compris des liens de navigation, des logos de marque, des barres de recherche, des menus déroulants et des boutons.

## Utilisation
- Commencez par incorporer la classe `navbar` pour établir la structure de base de votre barre de navigation ;
- Améliorez votre barre de navigation en ajoutant des éléments spécifiques tels que `navbar-brand` pour le branding, `navbar-nav` pour les liens de navigation, `navbar-toggler` pour le bouton de basculement réactif, et `collapse` pour le contenu rétractable ;
- Personnalisez davantage l'apparence de votre barre de navigation en appliquant des classes supplémentaires comme `bg-dark` pour définir la couleur de fond.

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogICAgPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjAiIC8+CiAgICA8dGl0bGU+TmF2aWdhdGlvbiBFeGFtcGxlIDE8L3RpdGxlPgogICAgPGxpbmsKICAgICAgaHJlZj0iaHR0cHM6Ly9jZG4uanNkZWxpdnIubmV0L25wbS9ib290c3RyYXBANS4zLjIvZGlzdC9jc3MvYm9vdHN0cmFwLm1pbi5jc3MiCiAgICAgIHJlbD0ic3R5bGVzaGVldCIKICAgIC8+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPG5hdiBjbGFzcz0ibmF2YmFyIG5hdmJhci1leHBhbmQtbGcgbmF2YmFyLWRhcmsgYmctZGFyayI+CiAgICAgIDxkaXYgY2xhc3M9ImNvbnRhaW5lciI+CiAgICAgICAgPCEtLSBCcmFuZC9sb2dvIC0tPgogICAgICAgIDxhIGNsYXNzPSJuYXZiYXItYnJhbmQiIGhyZWY9IiMiPkJyYW5kPC9hPgoKICAgICAgICA8IS0tIEJ1dHRvbiBmb3IgdG9nZ2xpbmcgbmF2YmFyIG9uIHNtYWxsIHNjcmVlbnMgLS0+CiAgICAgICAgPGJ1dHRvbgogICAgICAgICAgY2xhc3M9Im5hdmJhci10b2dnbGVyIgogICAgICAgICAgdHlwZT0iYnV0dG9uIgogICAgICAgICAgZGF0YS1icy10b2dnbGU9ImNvbGxhcHNlIgogICAgICAgICAgZGF0YS1icy10YXJnZXQ9IiNuYXZiYXJTdXBwb3J0ZWRDb250ZW50IgogICAgICAgICAgYXJpYS1jb250cm9scz0ibmF2YmFyU3VwcG9ydGVkQ29udGVudCIKICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9ImZhbHNlIgogICAgICAgICAgYXJpYS1sYWJlbD0iVG9nZ2xlIG5hdmlnYXRpb24iCiAgICAgICAgPgogICAgICAgICAgPHNwYW4gY2xhc3M9Im5hdmJhci10b2dnbGVyLWljb24iPjwvc3Bhbj4KICAgICAgICA8L2J1dHRvbj4KCiAgICAgICAgPCEtLSBOYXZiYXIgbGlua3MgLS0+CiAgICAgICAgPGRpdiBjbGFzcz0iY29sbGFwc2UgbmF2YmFyLWNvbGxhcHNlIiBpZD0ibmF2YmFyU3VwcG9ydGVkQ29udGVudCI+CiAgICAgICAgICA8dWwgY2xhc3M9Im5hdmJhci1uYXYgbWwtYXV0byI+CiAgICAgICAgICAgIDwhLS0gSG9tZSBsaW5rIC0tPgogICAgICAgICAgICA8bGkgY2xhc3M9Im5hdi1pdGVtIGFjdGl2ZSI+CiAgICAgICAgICAgICAgPGEgY2xhc3M9Im5hdi1saW5rIiBocmVmPSIjIj5Ib21lPC9hPgogICAgICAgICAgICA8L2xpPgoKICAgICAgICAgICAgPCEtLSBBYm91dCBsaW5rIC0tPgogICAgICAgICAgICA8bGkgY2xhc3M9Im5hdi1pdGVtIj4KICAgICAgICAgICAgICA8YSBjbGFzcz0ibmF2LWxpbmsiIGhyZWY9IiMiPkFib3V0PC9hPgogICAgICAgICAgICA8L2xpPgoKICAgICAgICAgICAgPCEtLSBTZXJ2aWNlcyBsaW5rIC0tPgogICAgICAgICAgICA8bGkgY2xhc3M9Im5hdi1pdGVtIj4KICAgICAgICAgICAgICA8YSBjbGFzcz0ibmF2LWxpbmsiIGhyZWY9IiMiPlNlcnZpY2VzPC9hPgogICAgICAgICAgICA8L2xpPgoKICAgICAgICAgICAgPCEtLSBDb250YWN0IGxpbmsgLS0+CiAgICAgICAgICAgIDxsaSBjbGFzcz0ibmF2LWl0ZW0iPgogICAgICAgICAgICAgIDxhIGNsYXNzPSJuYXYtbGluayIgaHJlZj0iIyI+Q29udGFjdDwvYT4KICAgICAgICAgICAgPC9saT4KICAgICAgICAgIDwvdWw+CiAgICAgICAgPC9kaXY+CiAgICAgIDwvZGl2PgogICAgPC9uYXY+CiAgICA8c2NyaXB0IHNyYz0iaHR0cHM6Ly9jZG4uanNkZWxpdnIubmV0L25wbS9ib290c3RyYXBANS4zLjIvZGlzdC9qcy9ib290c3RyYXAubWluLmpzIj48L3NjcmlwdD4KICA8L2JvZHk+CjwvaHRtbD4=

# Navs
Les navs sont des composants de navigation polyvalents qui peuvent être utilisés pour divers objectifs de navigation, tels que la navigation par onglets, la navigation par pilules ou la navigation verticale.

## Caractéristiques Clés
Les navs peuvent être utilisés pour des dispositions de navigation **horizontales et verticales** et prennent en charge divers styles, tels que les onglets, les pilules et la navigation justifiée.

## Utilisation
- Commencez par incorporer la classe `nav` pour créer une structure de nav de base;
- Remplissez votre nav avec des éléments de navigation en utilisant des éléments `<a>` ou `<button>`, chacun avec la classe `nav-item`;
- Améliorez davantage l'apparence et la fonctionnalité de votre nav en appliquant des classes supplémentaires telles que `nav-tabs` pour la navigation par onglets ou `nav-pills` pour la navigation par pilules.

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogICAgPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjAiIC8+CiAgICA8dGl0bGU+TmF2aWdhdGlvbiBFeGFtcGxlIDI8L3RpdGxlPgogICAgPGxpbmsKICAgICAgaHJlZj0iaHR0cHM6Ly9jZG4uanNkZWxpdnIubmV0L25wbS9ib290c3RyYXBANS4zLjIvZGlzdC9jc3MvYm9vdHN0cmFwLm1pbi5jc3MiCiAgICAgIHJlbD0ic3R5bGVzaGVldCIKICAgIC8+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPHVsIGNsYXNzPSJuYXYgbmF2LXRhYnMiIGlkPSJteVRhYiIgcm9sZT0idGFibGlzdCI+CiAgICAgIDwhLS0gSG9tZSBUYWIgLS0+CiAgICAgIDxsaSBjbGFzcz0ibmF2LWl0ZW0iIHJvbGU9InByZXNlbnRhdGlvbiI+CiAgICAgICAgPGEKICAgICAgICAgIGNsYXNzPSJuYXYtbGluayBhY3RpdmUiCiAgICAgICAgICBpZD0iaG9tZS10YWIiCiAgICAgICAgICBkYXRhLWJzLXRvZ2dsZT0idGFiIgogICAgICAgICAgaHJlZj0iI2hvbWUiCiAgICAgICAgICByb2xlPSJ0YWIiCiAgICAgICAgICBhcmlhLWNvbnRyb2xzPSJob21lIgogICAgICAgICAgYXJpYS1zZWxlY3RlZD0idHJ1ZSIKICAgICAgICAgID5Ib21lPC9hCiAgICAgICAgPgogICAgICA8L2xpPgoKICAgICAgPCEtLSBQcm9maWxlIFRhYiAtLT4KICAgICAgPGxpIGNsYXNzPSJuYXYtaXRlbSIgcm9sZT0icHJlc2VudGF0aW9uIj4KICAgICAgICA8YQogICAgICAgICAgY2xhc3M9Im5hdi1saW5rIgogICAgICAgICAgaWQ9InByb2ZpbGUtdGFiIgogICAgICAgICAgZGF0YS1icy10b2dnbGU9InRhYiIKICAgICAgICAgIGhyZWY9IiNwcm9maWxlIgogICAgICAgICAgcm9sZT0idGFiIgogICAgICAgICAgYXJpYS1jb250cm9scz0icHJvZmlsZSIKICAgICAgICAgIGFyaWEtc2VsZWN0ZWQ9ImZhbHNlIgogICAgICAgICAgPlByb2ZpbGU8L2EKICAgICAgICA+CiAgICAgIDwvbGk+CgogICAgICA8IS0tIENvbnRhY3QgVGFiIC0tPgogICAgICA8bGkgY2xhc3M9Im5hdi1pdGVtIiByb2xlPSJwcmVzZW50YXRpb24iPgogICAgICAgIDxhCiAgICAgICAgICBjbGFzcz0ibmF2LWxpbmsiCiAgICAgICAgICBpZD0iY29udGFjdC10YWIiCiAgICAgICAgICBkYXRhLWJzLXRvZ2dsZT0idGFiIgogICAgICAgICAgaHJlZj0iI2NvbnRhY3QiCiAgICAgICAgICByb2xlPSJ0YWIiCiAgICAgICAgICBhcmlhLWNvbnRyb2xzPSJjb250YWN0IgogICAgICAgICAgYXJpYS1zZWxlY3RlZD0iZmFsc2UiCiAgICAgICAgICA+Q29udGFjdDwvYQogICAgICAgID4KICAgICAgPC9saT4KICAgIDwvdWw+CiAgICA8c2NyaXB0IHNyYz0iaHR0cHM6Ly9jZG4uanNkZWxpdnIubmV0L25wbS9ib290c3RyYXBANS4zLjIvZGlzdC9qcy9ib290c3RyYXAubWluLmpzIj48L3NjcmlwdD4KICA8L2JvZHk+CjwvaHRtbD4=

Explorez les principes fondamentaux du framework CSS Bootstrap et découvrez les secrets pour créer rapidement et efficacement des sites web réactifs et visuellement époustouflants. Grâce à une exploration pratique des principales utilitaires et à la mise en œuvre de composants puissants, vous acquerrez une expérience pratique inestimable pour rationaliser votre flux de travail de développement web en utilisant la boîte à outils polyvalente de Bootstrap.

Plongez dans l'essence de Bootstrap et son parcours depuis sa création jusqu'à aujourd'hui, pesez ses avantages et inconvénients, et comprenez les prérequis pour une mise en œuvre efficace.

Naviguez à travers les options d'installation de Bootstrap. Choisissez entre une intégration rapide via le Content Delivery Network (CDN) ou une approche plus personnalisée avec le Node Package Manager (NPM).

Acquérir une maîtrise des éléments clés de Bootstrap, y compris le système de grille polyvalent, la typographie nuancée, l'utilisation dynamique des boutons, la gestion précise des marges et des espacements, et la création de formulaires efficaces pour une interaction utilisateur fluide.

Élevez vos compétences Bootstrap avec des sujets avancés couvrant les menus de navigation dynamiques, la gestion des images réactives, les mises en page de cartes polyvalentes, les modales interactives et les carrousels engageants pour des expériences utilisateur captivantes.

Créez un site web de portfolio en utilisant le framework Bootstrap avec notre guidance. Utilisez les fonctionnalités puissantes de Bootstrap. Cette section pratique vous aidera à mettre en valeur vos compétences, projets et réalisations.

Essentiels de Bootstrap pour les Sites Web Modernes

Navigation

Barres de navigation

Caractéristiques clés

Utilisation

Navs

Caractéristiques Clés

Utilisation