Вивчайте Налаштування Середовища Розробки | Створення Портфоліо-Сайту з Використанням Bootstrap

1. Створення нового HTML-файлу

Створіть новий HTML-файл для вашого портфоліо. Ви можете назвати його index.html або будь-якою іншою бажаною назвою.

<!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. Підключення файлів Bootstrap CSS та JavaScript

Підключіть файли Bootstrap CSS та JavaScript до вашого HTML-файлу. Ви можете використовувати посилання CDN або завантажити файли Bootstrap та підключити їх локально.

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

Результат

index.html

Примітка

Ви можете працювати локально на платформі або використовувати редактор коду, наприклад Visual Studio Code, Sublime Text або будь-який інший редактор, який вам зручно використовувати для написання HTML та CSS.

Все було зрозуміло?

Дякуємо за ваш відгук!

Секція 5. Розділ 2

Запитати АІ

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Suggested prompts:

Can you show me how to add content to the HTML file?

What should I include in my portfolio website?

How do I use Bootstrap components in my project?

Свайпніть щоб показати меню