Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara 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.

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 5. Capitolo 2

Chieda ad AI

expand

Chieda ad AI

ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

Awesome!

Completion rate improved to 3.23

bookSetting Up the Development Environment

Scorri per mostrare il menu

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.

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 5. Capitolo 2
some-alt