Фреймворк Bootstrap 4

Поделитесь новостью в соц-сетях!

Предлагаем вашему вниманию курс «Фреймворк Bootstrap 4». Как следует из названия, курс будет посвящен изучению одного из наиболее популярных CSS фреймворков – Bootstrap. На момент записи курса актуальна версия Bootstrap v.4.0.0-alpha.6, именно с этой версией мы и будем работать здесь.

Основной фишкой курса будет являться тот факт, что кроме изучения актуальной версии фреймворка, мы значительное внимание будем уделять также и предыдущей, третьей версии Bootstrap. В частности, при изучении сетки мы будем сравнивать обе версии Bootstrap, чтобы увидеть, насколько удобнее в работе Bootstrap 4.

Относительное содержания курса, вот лишь некоторый список вопросов, которые мы будем рассматривать:


Скачать BootStrap

Русская документация по Bootstrap 4

Bootstrap 4 Учебник

Справочник классов Bootstrap



Автор: Андрей Кудлай
Сайт:webformyself.com


Список уроков

  1. Введение
  2. Урок 1. Что такое Bootstrap. Отличия Bootstrap 3 от Bootstrap 4
  3. Урок 2. Установка Bootstrap 4. Варианты установки
  4. Урок 3. Сетка Bootstrap 4. Часть 1
  5. Урок 4. Сетка Bootstrap 4. Часть 2
  6. Урок 5. Сетка Bootstrap. Часть 3. Колонки одной ширины
  7. Урок 6. Сетка Bootstrap. Часть 4. Выравнивание
  8. Урок 7. Сетка Bootstrap. Часть 5. Порядок колонок
  9. Урок 8. Сетка Bootstrap. Часть 6. Responsive utilities
  10. Урок 9. Медиа объект Bootstrap
  11. Урок 10. Адаптивные изображения и видео в Bootstrap
  12. Урок 11. Таблицы в Bootstrap
  13. Урок 12. Кнопки в Bootstrap
  14. Урок 13. Компонент карточки в Bootstrap
  15. Урок 14. Модальные окна Bootstrap
  16. Урок 15. Кастомизация Bootstrap


  17. 14 уроков по основам Bootstrap 3

  18. 1. Установка фрэймворка
  19. 2. Система сеток (Grid)
  20. 3. Настройка сетки
  21. 4. Адаптивная навигация
  22. 5. Положение меню и выпадающее меню
  23. 6. Слайдер контента
  24. 7. Шрифтовые иконки Glyphicons и Font Awesome
  25. 8. Классы кнопок
  26. 9. Группы кнопок
  27. 10. Кнопки с выпадающим меню (dropdown)
  28. 11. Создание вкладок (tabs)
  29. 12. Создание спойлера
  30. 13. Создание аккордеона
  31. 14. Создаем модальное окно

Комментарии