Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Opsætning af Udviklingsmiljøet | Oprettelse af et Porteføljewebsite med Bootstrap
Bootstrap-Essentials til Moderne Websites

bookOpsætning af Udviklingsmiljøet

1. Opret en ny HTML-fil

Begynd med at oprette en ny HTML-fil til dit porteføljewebsite. Du kan navngive den index.html eller et andet foretrukket navn.

<!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. Tilføj Bootstrap CSS- og JavaScript-filer

Tilføj Bootstrap CSS- og JavaScript-filer til din HTML-fil. Du kan bruge CDN-links eller downloade Bootstrap-filerne og tilføje dem lokalt.

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

Resultat

index.html

index.html

copy

Bemærk

Det er muligt at arbejde lokalt på platformen eller anvende en kodeeditor såsom Visual Studio Code, Sublime Text eller en anden editor efter eget valg til at skrive HTML og CSS.

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 5. Kapitel 2

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Awesome!

Completion rate improved to 3.23

bookOpsætning af Udviklingsmiljøet

Stryg for at vise menuen

1. Opret en ny HTML-fil

Begynd med at oprette en ny HTML-fil til dit porteføljewebsite. Du kan navngive den index.html eller et andet foretrukket navn.

<!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. Tilføj Bootstrap CSS- og JavaScript-filer

Tilføj Bootstrap CSS- og JavaScript-filer til din HTML-fil. Du kan bruge CDN-links eller downloade Bootstrap-filerne og tilføje dem lokalt.

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

Resultat

index.html

index.html

copy

Bemærk

Det er muligt at arbejde lokalt på platformen eller anvende en kodeeditor såsom Visual Studio Code, Sublime Text eller en anden editor efter eget valg til at skrive HTML og CSS.

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 5. Kapitel 2
some-alt