Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Einrichten der Entwicklungsumgebung | Erstellung Einer Portfolio-Website Mit Bootstrap
Bootstrap-Grundlagen für Moderne Websites

bookEinrichten der Entwicklungsumgebung

1. Neue HTML-Datei erstellen

Eine neue HTML-Datei für die Portfolio-Website anlegen. Die Datei kann beispielsweise index.html oder einen anderen gewünschten Namen tragen.

<!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. Bootstrap CSS- und JavaScript-Dateien einbinden

Bootstrap CSS- und JavaScript-Dateien in die HTML-Datei einbinden. Es können CDN-Links verwendet oder die Bootstrap-Dateien lokal eingebunden werden.

<!-- 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

index.html

copy

Hinweis

Es besteht die Möglichkeit, entweder lokal auf der Plattform zu arbeiten oder einen Code-Editor wie Visual Studio Code, Sublime Text oder einen anderen bevorzugten Editor für HTML und CSS zu verwenden.

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 5. Kapitel 2

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Awesome!

Completion rate improved to 3.23

bookEinrichten der Entwicklungsumgebung

Swipe um das Menü anzuzeigen

1. Neue HTML-Datei erstellen

Eine neue HTML-Datei für die Portfolio-Website anlegen. Die Datei kann beispielsweise index.html oder einen anderen gewünschten Namen tragen.

<!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. Bootstrap CSS- und JavaScript-Dateien einbinden

Bootstrap CSS- und JavaScript-Dateien in die HTML-Datei einbinden. Es können CDN-Links verwendet oder die Bootstrap-Dateien lokal eingebunden werden.

<!-- 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

index.html

copy

Hinweis

Es besteht die Möglichkeit, entweder lokal auf der Plattform zu arbeiten oder einen Code-Editor wie Visual Studio Code, Sublime Text oder einen anderen bevorzugten Editor für HTML und CSS zu verwenden.

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 5. Kapitel 2
some-alt