Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Konfigurera Utvecklingsmiljön | Skapa en Portfoliosida med Bootstrap
Bootstrap-Grunder för Moderna Webbplatser

bookKonfigurera Utvecklingsmiljön

1. Skapa en ny HTML-fil

Börja med att skapa en ny HTML-fil för din portföljwebbplats. Du kan namnge den index.html eller något annat valfritt namn.

<!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. Länka Bootstrap CSS- och JavaScript-filer

Länka Bootstrap CSS- och JavaScript-filer till din HTML-fil. Du kan använda CDN-länkar eller ladda ner Bootstrap-filer och länka 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

Obs

Du kan välja att arbeta lokalt på plattformen eller använda en kodredigerare såsom Visual Studio Code, Sublime Text, eller någon annan redigerare du föredrar för att skriva HTML och CSS.

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 5. Kapitel 2

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Awesome!

Completion rate improved to 3.23

bookKonfigurera Utvecklingsmiljön

Svep för att visa menyn

1. Skapa en ny HTML-fil

Börja med att skapa en ny HTML-fil för din portföljwebbplats. Du kan namnge den index.html eller något annat valfritt namn.

<!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. Länka Bootstrap CSS- och JavaScript-filer

Länka Bootstrap CSS- och JavaScript-filer till din HTML-fil. Du kan använda CDN-länkar eller ladda ner Bootstrap-filer och länka 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

Obs

Du kan välja att arbeta lokalt på plattformen eller använda en kodredigerare såsom Visual Studio Code, Sublime Text, eller någon annan redigerare du föredrar för att skriva HTML och CSS.

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 5. Kapitel 2
some-alt