Виклик і Вікторина: Налаштування Bootstrap
Примітка
Усі завдання матимуть однаковий формат, як показано нижче:
- Вам буде запропоновано завдання, яке потрібно виконати;
- Далі ви побачите блок коду, у якому потрібно внести зміни відповідно до завдання;
- Натисніть кнопку Run Code, щоб переглянути сторінку у реальному часі;
- Під блоком коду розташовано дві кнопки: Hint та Solution;
- Кнопка Hint надає підказку до завдання;
- Кнопка Solution показує правильне рішення.
- Рекомендується спочатку спробувати виконати завдання самостійно, перш ніж натискати кнопку Solution.
Завдання
Вам надано базовий HTML-код із елементом button, який наразі має стандартне стилізування браузера. Хоча елемент button містить імена класів із Bootstrap, жодних змін на сторінці не видно, оскільки Bootstrap ще не підключено до проєкту. Ваше завдання — додати відповідні посилання для підключення Bootstrap до проєкту.
index.html
- Щоб додати посилання на Bootstrap CSS, використовуйте наступний код:
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">. - Для підключення JavaScript Bootstrap використовуйте цей код:
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"></script>.
index.html
Тест
1. Який із способів інтеграції Bootstrap у проєкт є одним із можливих?
2. Що означає абревіатура CDN у контексті інтеграції Bootstrap?
3. Яка команда використовується для встановлення Bootstrap через NPM?
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Awesome!
Completion rate improved to 3.23Виклик і Вікторина: Налаштування Bootstrap
Свайпніть щоб показати меню
Примітка
Усі завдання матимуть однаковий формат, як показано нижче:
- Вам буде запропоновано завдання, яке потрібно виконати;
- Далі ви побачите блок коду, у якому потрібно внести зміни відповідно до завдання;
- Натисніть кнопку Run Code, щоб переглянути сторінку у реальному часі;
- Під блоком коду розташовано дві кнопки: Hint та Solution;
- Кнопка Hint надає підказку до завдання;
- Кнопка Solution показує правильне рішення.
- Рекомендується спочатку спробувати виконати завдання самостійно, перш ніж натискати кнопку Solution.
Завдання
Вам надано базовий HTML-код із елементом button, який наразі має стандартне стилізування браузера. Хоча елемент button містить імена класів із Bootstrap, жодних змін на сторінці не видно, оскільки Bootstrap ще не підключено до проєкту. Ваше завдання — додати відповідні посилання для підключення Bootstrap до проєкту.
index.html
- Щоб додати посилання на Bootstrap CSS, використовуйте наступний код:
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">. - Для підключення JavaScript Bootstrap використовуйте цей код:
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"></script>.
index.html
Тест
1. Який із способів інтеграції Bootstrap у проєкт є одним із можливих?
2. Що означає абревіатура CDN у контексті інтеграції Bootstrap?
3. Яка команда використовується для встановлення Bootstrap через NPM?
Дякуємо за ваш відгук!
