Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Configuration de l'Environnement de Développement | Créer un Site Web de Portfolio avec Bootstrap
Essentiels de Bootstrap pour les Sites Web Modernes

book
Configuration de l'Environnement de Développement

1. Créer un Nouveau Fichier HTML

Commencez par créer un nouveau fichier HTML pour votre site web de portfolio. Vous pouvez le nommer index.html ou tout autre nom de votre choix.

html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Portfolio</title>
</head>
<body></body>
</html>

2. Lier les Fichiers CSS et JavaScript de Bootstrap

Liez les fichiers CSS et JavaScript de Bootstrap à votre fichier HTML. Vous pouvez utiliser des liens CDN ou télécharger les fichiers Bootstrap et les lier localement.

html
<!-- Bootstrap CSS -->
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
rel="stylesheet"
/>

<!-- Bootstrap JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"></script>

Résultat

html

index.html

copy
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Portfolio</title>
<!-- Bootstrap CSS -->
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
rel="stylesheet"
/>
</head>
<body>
<!-- Bootstrap JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"></script>
</body>
</html>

Remarque

Vous pouvez choisir de travailler localement sur la plateforme ou utiliser un éditeur de code tel que Visual Studio Code, Sublime Text, Atom, ou tout autre éditeur que vous préférez pour écrire du HTML et du CSS.

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 5. Chapitre 2
some-alt