НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP ЯК ЗРОБИТИ W3.CSS JQUERY XML JAVA GO БІЛЬШЕ 🔍 ◑ КНИГИ ДОВІДНИКИ ВПРАВИ

Bootstrap 3 Підручник

BS Головна BS Початок роботи BS Базова сітка BS Типографіка BS Таблиці BS Зображення BS Джамботрон BS Wells BS Оповіщення BS Кнопки BS Групи кнопок BS Гліфікони BS Бейджі/Ярлики BS Прогрес-бари BS Пагінація BS Пейджер BS Список груп BS Панелі BS Випадаючі списки BS Згортання BS Вкладки/Таблетки BS Навбар BS Форми BS Вхідні дані BS Вхідні дані 2 BS Розмір вхідних даних BS Медіа об’єкти BS Карусель BS Модали BS Підказки BS Поповер BS Прокрутки BS Афікс BS Фільтри

Bootstrap Сітки

BS Система сіток BS Складений/Горизонтальний BS Маленька сітка BS Середня сітка BS Велика сітка BS Приклади сітки

Bootstrap Теми

BS Шаблони BS Тема 'Simply Me' BS Тема 'Company' BS Тема 'Band'

Bootstrap Приклади

BS Приклади BS Вікторина BS Вправи BS Сертифікат

Bootstrap CSS Довідник

CSS Всі класи CSS Типографіка CSS Кнопки CSS Форми CSS Помічники CSS Зображення CSS Таблиці CSS Випадаючи списки CSS Навігація Гліфікони

Bootstrap JS Довідник

JS Афікс JS Попередження JS Кнопка JS Карусель JS Згортання JS Випадаючи списки JS Модал JS Поповер JS Прокрутка JS Вкладка JS Підказка


Place for your advertisement!
Уроки по Bootstrap для початківців. W3Schools українською

En

Bootstrap 3 Підручник

❮ Home Next ❯

Bootstrap – це найпопулярніший фреймворк HTML, CSS і JavaScript для розробки адаптивних веб-сайтів, орієнтованих на мобільні пристрої.

Bootstrap абсолютно безкоштовний для завантаження та використання!

Почати вивчати Bootstrap негайно! » Вивчати Bootstrap

Спробуйте самі - Приклади

Цей посібник із Bootstrap містить сотні прикладів Bootstrap.

За допомогою нашого онлайн-редактора ви можете редагувати код і натискати кнопку, щоб переглянути результат.

Адаптивна Bootstrap сторінка

Bootstrap Приклад

<div class="jumbotron text-center">
  <h1>Моя перша Bootstrap сторінка</h1>
  <p>Змініть розмір цієї адаптивної сторінки, щоб побачити ефект!</p>
</div>

<div class="container">
  <div class="row">
    <div class="col-sm-4">
      <h3>Column 1</h3>
      <p>Lorem ipsum dolor..</p>
    </div>
    <div class="col-sm-4">
      <h3>Column 2</h3>
      <p>Lorem ipsum dolor..</p>
    </div>
    <div class="col-sm-4">
      <h3>Column 3</h3>
      <p>Lorem ipsum dolor..</p>
    </div>
  </div>
</div>
Спробуйте самі »

Натисніть кнопку "Спробуйте самі" щоб побачити, як вона працює.

Bootstrap Вправи

Перевірте себе за допомогою вправ

Вправа:

Додайте правильну назву класу, щоб перетворити список нижче на меню пагінації (розбиття на сторінки).

<ul class="">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
</ul>

Bootstrap Перевірочна Вікторина

Перевірте ваші Bootstrap навички на W3Schools!

Почати Bootstrap Вікторину!

Bootstrap Довідники

На W3Schools ви знайдете повний Bootstrap довідник усіх класів CSS, компонентів і плагінів JavaScript - усі "Спробуйте самі" приклади:

Повний список усіх класів BootstrapПопулярні
Bootstrap CSS Текст/Типографіка Bootstrap CSS Кнопки Bootstrap CSS Форми Bootstrap CSS Помічники Bootstrap CSS Зображення Bootstrap CSS Таблиці
Bootstrap Компоненти Dropdown Bootstrap Компоненти навігації Bootstrap Компоненти Гліфіконок
Bootstrap JS Афікс Bootstrap JS Попередження Bootstrap JS Кнопка Bootstrap JS Карусель Bootstrap JS Згортання Bootstrap JS Випадаючий список Bootstrap JS Модал Bootstrap JS Поповер Bootstrap JS Прокрутка Bootstrap JS Вкладка Bootstrap JS Підказка

Bootstrap Теми / Шаблони

Ми створили кілька шаблонів Bootstrap, з якими можна поекспериментувати. Вони абсолютно безкоштовні для використання:

Тема Компанія

Огляд тем

Шаблони

Огляд базових шаблонів

Bootstrap 5 та Bootstrap 3 і 4

У цьому підручнику описано Bootstrap 3, випущений у 2013 році. Однак ми також розглядаємо новіші версії; Bootstrap 4 (випущений 2018 року) та Bootstrap 5 (випущений 2021 року).

Bootstrap 5 є найновішою версією Bootstrap; з новими компонентами, швидшими таблицями стилів, більшою швидкістю реагування тощо. Він підтримує останні стабільні випуски всіх основних браузерів і платформ. Однак Internet Explorer 11 і старіші версії не підтримуються.

Основні відмінності між Bootstrap 5 і Bootstrap 3 & 4 полягає в тому, що Bootstrap 5 перейшов на JavaScript замість jQuery.

Примітка: Bootstrap 3 та Bootstrap 4 все ще підтримується командою щодо критичних виправлень помилок і змін документації, і продовжувати їх використання цілком безпечно. Однак до них НЕ буде додано нових функцій.

Чи знаєте ви?

W3.CSS є чудовою альтернативою Bootstrap.

W3.CSS менший, швидший і простіший у використанні.

Якщо ви хочете вивчити W3.CSS, перейдіть до W3.CSS Підручника на нашому сайті W3Schools українською.

❮ Home Next ❯
Place for your advertisement!