Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara Configurazione dell'Ambiente di Sviluppo | Creazione di un Sito Portfolio con Bootstrap
Fondamenti di Bootstrap per Siti Web Moderni

bookConfigurazione dell'Ambiente di Sviluppo

1. Creare un nuovo file HTML

Iniziare creando un nuovo file HTML per il sito portfolio. È possibile chiamarlo index.html o utilizzare un altro nome preferito.

<!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. Collegare i file CSS e JavaScript di Bootstrap

Collegare i file CSS e JavaScript di Bootstrap al file HTML. È possibile utilizzare i link CDN oppure scaricare i file di Bootstrap e collegarli localmente.

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

Risultato

index.html

index.html

copy

Nota

È possibile scegliere se lavorare localmente sulla piattaforma oppure utilizzare un editor di codice come Visual Studio Code, Sublime Text, o qualsiasi altro editor preferito per scrivere HTML e 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

bookConfigurazione dell'Ambiente di Sviluppo

Scorri per mostrare il menu

1. Creare un nuovo file HTML

Iniziare creando un nuovo file HTML per il sito portfolio. È possibile chiamarlo index.html o utilizzare un altro nome preferito.

<!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. Collegare i file CSS e JavaScript di Bootstrap

Collegare i file CSS e JavaScript di Bootstrap al file HTML. È possibile utilizzare i link CDN oppure scaricare i file di Bootstrap e collegarli localmente.

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

Risultato

index.html

index.html

copy

Nota

È possibile scegliere se lavorare localmente sulla piattaforma oppure utilizzare un editor di codice come Visual Studio Code, Sublime Text, o qualsiasi altro editor preferito per scrivere HTML e CSS.

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 5. Capitolo 2
some-alt