Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Налаштування Середовища Розробки | Створення Портфоліо-Сайту з Використанням Bootstrap
Основи Bootstrap для Сучасних Вебсайтів

bookНалаштування Середовища Розробки

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

index.html

copy

Примітка

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

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

Як ми можемо покращити це?

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

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

Запитати АІ

expand

Запитати АІ

ChatGPT

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

Awesome!

Completion rate improved to 3.23

bookНалаштування Середовища Розробки

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

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

index.html

copy

Примітка

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

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

Як ми можемо покращити це?

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

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