Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Setting Up the Development Environment | Creating a Portfolio Website with Bootstrap
Bootstrap Essentials for Modern Websites

bookSetting Up the Development Environment

1. Create a New HTML File

Start by creating a new HTML file for your portfolio website. You can name it index.html or any other preferred name.

<!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. Link Bootstrap CSS and JavaScript Files

Link Bootstrap CSS and JavaScript files to your HTML file. You can use CDN links or download Bootstrap files and link them locally.

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

Result

index.html

index.html

copy

Note

You can choose to work locally on the platform or use a code editor such as Visual Studio Code, Sublime Text, Atom, or any other editor you prefer to write HTML and 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

bookSetting Up the Development Environment

Svep för att visa menyn

1. Create a New HTML File

Start by creating a new HTML file for your portfolio website. You can name it index.html or any other preferred name.

<!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. Link Bootstrap CSS and JavaScript Files

Link Bootstrap CSS and JavaScript files to your HTML file. You can use CDN links or download Bootstrap files and link them locally.

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

Result

index.html

index.html

copy

Note

You can choose to work locally on the platform or use a code editor such as Visual Studio Code, Sublime Text, Atom, or any other editor you prefer to write HTML and CSS.

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 5. Kapitel 2
some-alt