Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Leer Het Opzetten van de Ontwikkelomgeving | Een Portfolio Website Maken Met Bootstrap
Bootstrap-Essentials voor Moderne Websites

bookHet Opzetten van de Ontwikkelomgeving

1. Een nieuw HTML-bestand aanmaken

Begin met het aanmaken van een nieuw HTML-bestand voor je portfolio website. Je kunt het index.html noemen of een andere gewenste naam geven.

<!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- en JavaScript-bestanden koppelen

Koppel de Bootstrap CSS- en JavaScript-bestanden aan je HTML-bestand. Je kunt CDN-links gebruiken of de Bootstrap-bestanden downloaden en lokaal koppelen.

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

Resultaat

index.html

index.html

copy

Opmerking

Er kan lokaal op het platform worden gewerkt of gebruik worden gemaakt van een code-editor zoals Visual Studio Code, Sublime Text, of een andere editor naar keuze voor het schrijven van HTML en CSS.

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 5. Hoofdstuk 2

Vraag AI

expand

Vraag AI

ChatGPT

Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.

Awesome!

Completion rate improved to 3.23

bookHet Opzetten van de Ontwikkelomgeving

Veeg om het menu te tonen

1. Een nieuw HTML-bestand aanmaken

Begin met het aanmaken van een nieuw HTML-bestand voor je portfolio website. Je kunt het index.html noemen of een andere gewenste naam geven.

<!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- en JavaScript-bestanden koppelen

Koppel de Bootstrap CSS- en JavaScript-bestanden aan je HTML-bestand. Je kunt CDN-links gebruiken of de Bootstrap-bestanden downloaden en lokaal koppelen.

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

Resultaat

index.html

index.html

copy

Opmerking

Er kan lokaal op het platform worden gewerkt of gebruik worden gemaakt van een code-editor zoals Visual Studio Code, Sublime Text, of een andere editor naar keuze voor het schrijven van HTML en CSS.

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 5. Hoofdstuk 2
some-alt