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

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 5. Capítulo 2

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Awesome!

Completion rate improved to 3.23

bookSetting Up the Development Environment

Deslize para mostrar o 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.

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 5. Capítulo 2
some-alt