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

Bootstrap 3 Учебник

BS Главная BS Начать изучение BS Основная сетка BS Типография BS Таблицы BS Изображения BS Jumbotron BS Wells BS Оповещения BS Кнопки BS Группы кнопок BS Глификоны BS Значки/Этикетки BS Прогресс-бары BS Пагинация BS Пейджер BS Список групп BS Панели BS Dropdown BS Collapse BS Tabs/Pills BS Навбар BS Формы BS Input BS Input 2 BS Размер Input BS Медиа объекты BS Карусель BS Модал BS Подсказка BS Popover BS Scrollspy BS Affix 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 Dropdown CSS Навигация Глификоны

Bootstrap JS Справочник

JS Affix JS Оповещения JS Кнопки JS Карусель JS Collapse JS Dropdown JS Модал JS Popover JS Scrollspy JS Tab JS Подсказки


Уроки по Bootstrap для начинающих. W3Schools на русском

Bootstrap 3 Учебник

❮ Home Next ❯

Bootstrap - это самый популярный фреймворк HTML, CSS и JavaScript для разработки адаптивных веб-сайтов, ориентированных на мобильные устройства.

Bootstrap можно загрузить и использовать совершенно бесплатно!

Начать изучение Bootstrap 3 немедленно » Выучить Bootstrap 3

Примеры "Попробуйте сами"

Этот учебник по Bootstrap содержит сотни примеров Bootstrap.

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

Адаптивная Bootstrap страница

Bootstrap Пример

<div class="jumbotron text-center">
  <h1>My First Bootstrap Page</h1>
  <p>Resize this responsive page to see the effect!</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 - все с примерами "Попробуйте сами":

Полный список всех классов BootstrapPopular
Bootstrap CSS Текст/Типография Bootstrap CSS Кнопки Bootstrap CSS Формы Bootstrap CSS Помощники Bootstrap CSS Изображения Bootstrap CSS Таблицы Bootstrap Компоненты Dropdown Bootstrap Компоненты Navs Bootstrap Компоненты Glyphicons Bootstrap JS Affix Bootstrap JS Оповещение Bootstrap JS Кнопка Bootstrap JS Карусель Bootstrap JS Collapse Bootstrap JS Dropdown Bootstrap JS Модал Bootstrap JS Popover Bootstrap JS Scrollspy Bootstrap JS Tab Bootstrap JS Подсказка

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

Мы создали несколько шаблонов Bootstrap, с которыми вы можете поэкспериментировать. Их можно использовать совершенно бесплатно:

Theme Company

Browse Themes

Templates

Browse Basic Templates

Bootstrap 3 vs. Bootstrap 4

Bootstrap 4 это более новая версия Bootstrap; с новыми компонентами, более быстрой таблицей стилей и большей отзывчивостью.

Bootstrap 4 поддерживает последние стабильные версии всех основных браузеров и платформ. Однако Internet Explorer 9 и более ранние версии не поддерживаются.

Если вам требуется поддержка IE8-9, используйте Bootstrap 3. Это самая стабильная версия Bootstrap, и команда по-прежнему поддерживает её для исправления критических ошибок и изменений документации. Однако никаких новых функций к нему добавляться не будет.

Перейти к Bootstrap 4 »

Знаете ли вы?

W3.CSS - это отличная альтернатива Bootstrap 4 или Bootstrap 5.

W3.CSS меньше, быстрее и проще в использовании.

Если вы хотите изучить W3.CSS, переходите в W3.CSS Учебник на нашем сайте W3Schools на русском.

❮ Home Next ❯