Bootstrap Code Play

Изучите адаптивный веб-дизайн с помощью уроков Bootstrap, которые можно редактировать и просматривать. Bootstrap Code Play объединяет объяснения, примеры кода и площадку для экспериментов, чтобы вы могли изучить, как изменение разметки влияет на страницу.

ЧИТАЙТЕ, ИЗМЕНЯЙТЕ, ПРОСМОТРИТЕ

Выберите тему, прочитайте, как она работает, затем нажмите «Попробовать», чтобы открыть пример в редакторе. Измените класс, отрегулируйте содержимое или добавьте элемент. Откройте «Предварительный просмотр», чтобы проверить результат, затем вернитесь к «Коду» для следующего эксперимента.

ИЗУЧИТЕ ОСНОВНЫЕ ЭЛЕМЕНТЫ

Практикуйтесь в создании адаптивных сеток, типографики, кнопок, оповещений, таблиц и форм. Изучите такие компоненты, как карточки, панели навигации, аккордеоны и диалоговые окна, в соответствующих учебных курсах. Уроки с пошаговыми инструкциями включают в себя шаги, задания и распространенные ошибки, которые помогут вам понять код, а не просто скопировать его. Проектные уроки объединяют концепции на примерах, таких как раздел с ценами и компактная панель управления.

ВЫБЕРИТЕ КУРС ОБУЧЕНИЯ

Изучите входящий в комплект курс Bootstrap 5.3.8 или ознакомьтесь с Bootstrap 4.6.2 и 3.4.1 для более старых проектов. Более старые курсы сняты с поддержки и предназначены для обучения и миграции. Отдельный курс по альфа-версии Bootstrap 6 является экспериментальным; для его предварительного просмотра требуется доступ в интернет и современный WebView.

ПРОДОЛЖАЙТЕ ПРАКТИКОВАТЬСЯ

Ищите темы или просматривайте по категориям. Отмечайте уроки как завершенные и смотрите количество пройденных уроков для каждой версии. Откройте песочницу для собственных экспериментов с HTML, сохраните файл и вернитесь к нему через «Сохраненные файлы».

РЕДАКТИРУЙТЕ С ПОМОЩЬЮ ПОЛЕЗНЫХ ИНСТРУМЕНТОВ

Используйте подсветку синтаксиса, отмену и повтор действий, поиск и замену, а также переход к нужной строке при работе над примерами. Функция «Сохранить как» сохраняет отдельную копию, а функция «Поделиться кодом» отправляет текст редактора через доступные параметры совместного доступа.

Для студентов, самоучек и разработчиков, возвращающихся к адаптивной верстке, приложение предлагает практичный цикл: прочтите объяснение, внесите небольшое изменение и проверьте результат.

Приложение содержит рекламу. Примеры, ссылающиеся на внешние ресурсы, требуют подключения к интернету; доступность удаленных ресурсов может варьироваться.