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
course content

Conteúdo do Curso

Bootstrap Essentials for Modern Websites

Bootstrap Essentials for Modern Websites

1. Understanding Bootstrap
2. Setting Up Environment
3. Basic Concepts
4. Advanced Concepts
5. Creating a Portfolio Website with Bootstrap

book
Setting 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

course content

Conteúdo do Curso

Bootstrap Essentials for Modern Websites

Bootstrap Essentials for Modern Websites

1. Understanding Bootstrap
2. Setting Up Environment
3. Basic Concepts
4. Advanced Concepts
5. Creating a Portfolio Website with Bootstrap

book
Setting 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
some-alt