Kursinhalt
Bootstrap-Grundlagen für Moderne Websites
Bootstrap-Grundlagen für Moderne Websites
1. Verständnis von Bootstrap
2. Einrichtung der Umgebung
4. Fortgeschrittene Konzepte
Einrichten der Entwicklungsumgebung
1. Erstellen Sie eine neue HTML-Datei
Beginnen Sie mit der Erstellung einer neuen HTML-Datei für Ihre Portfolio-Website. Sie können sie index.html oder einen anderen bevorzugten Namen nennen.
<!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. Verlinken Sie Bootstrap CSS- und JavaScript-Dateien
Verlinken Sie Bootstrap CSS- und JavaScript-Dateien mit Ihrer HTML-Datei. Sie können CDN-Links verwenden oder Bootstrap-Dateien herunterladen und lokal verlinken.
<!-- 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>
Ergebnis
index.html
Hinweis
Sie können lokal auf der Plattform arbeiten oder einen Code-Editor wie Visual Studio Code, Sublime Text, Atom oder einen anderen Editor Ihrer Wahl verwenden, um HTML und CSS zu schreiben.
War alles klar?
Danke für Ihr Feedback!
Abschnitt 5. Kapitel 2
