Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Oppsett av Utviklingsmiljøet | Lage en Porteføljenettside med Bootstrap
Bootstrap-essensielt for Moderne Nettsteder

bookOppsett av Utviklingsmiljøet

1. Opprett en ny HTML-fil

Start med å opprette en ny HTML-fil for porteføljenettstedet ditt. Du kan kalle den index.html eller et annet 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. Koble til Bootstrap CSS- og JavaScript-filer

Koble Bootstrap CSS- og JavaScript-filer til HTML-filen din. Du kan bruke CDN-lenker eller laste ned Bootstrap-filene og koble 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

Merk

Du kan velge å arbeide lokalt på plattformen eller bruke en kodeeditor som Visual Studio Code, Sublime Text, eller en annen editor du foretrekker for å skrive HTML og CSS.

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 5. Kapittel 2

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Awesome!

Completion rate improved to 3.23

bookOppsett av Utviklingsmiljøet

Sveip for å vise menyen

1. Opprett en ny HTML-fil

Start med å opprette en ny HTML-fil for porteføljenettstedet ditt. Du kan kalle den index.html eller et annet 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. Koble til Bootstrap CSS- og JavaScript-filer

Koble Bootstrap CSS- og JavaScript-filer til HTML-filen din. Du kan bruke CDN-lenker eller laste ned Bootstrap-filene og koble 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

Merk

Du kan velge å arbeide lokalt på plattformen eller bruke en kodeeditor som Visual Studio Code, Sublime Text, eller en annen editor du foretrekker for å skrive HTML og CSS.

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 5. Kapittel 2
some-alt