Поделитесь новостью в соц-сетях!
Предлагаем вашему вниманию курс «Фреймворк Bootstrap 4». Как следует из названия, курс будет посвящен изучению одного из наиболее популярных CSS фреймворков – Bootstrap. На момент записи курса актуальна версия Bootstrap v.4.0.0-alpha.6, именно с этой версией мы и будем работать здесь.
Основной фишкой курса будет являться тот факт, что кроме изучения актуальной версии фреймворка, мы значительное внимание будем уделять также и предыдущей, третьей версии Bootstrap. В частности, при изучении сетки мы будем сравнивать обе версии Bootstrap, чтобы увидеть, насколько удобнее в работе Bootstrap 4.
Относительное содержания курса, вот лишь некоторый список вопросов, которые мы будем рассматривать:
- варианты установки Bootstrap и какой из вариантов в каком случае выбрать;
- основные отличия Bootstrap 3 от Bootstrap 4;
- сетка Bootstrap 4 и ее отличия от сетки предыдущей версии;
- новые классы сетки Bootstrap;
- работа с компонентами;
- варианты кастомизации Bootstrap;
Русская документация по Bootstrap 4
Автор: Андрей Кудлай
Сайт:webformyself.com
Список уроков
- Введение
- Урок 1. Что такое Bootstrap. Отличия Bootstrap 3 от Bootstrap 4
- Урок 2. Установка Bootstrap 4. Варианты установки
- Урок 3. Сетка Bootstrap 4. Часть 1
- Урок 4. Сетка Bootstrap 4. Часть 2
- Урок 5. Сетка Bootstrap. Часть 3. Колонки одной ширины
- Урок 6. Сетка Bootstrap. Часть 4. Выравнивание
- Урок 7. Сетка Bootstrap. Часть 5. Порядок колонок
- Урок 8. Сетка Bootstrap. Часть 6. Responsive utilities
- Урок 9. Медиа объект Bootstrap
- Урок 10. Адаптивные изображения и видео в Bootstrap
- Урок 11. Таблицы в Bootstrap
- Урок 12. Кнопки в Bootstrap
- Урок 13. Компонент карточки в Bootstrap
- Урок 14. Модальные окна Bootstrap
- Урок 15. Кастомизация Bootstrap
- 1. Установка фрэймворка
- 2. Система сеток (Grid)
- 3. Настройка сетки
- 4. Адаптивная навигация
- 5. Положение меню и выпадающее меню
- 6. Слайдер контента
- 7. Шрифтовые иконки Glyphicons и Font Awesome
- 8. Классы кнопок
- 9. Группы кнопок
- 10. Кнопки с выпадающим меню (dropdown)
- 11. Создание вкладок (tabs)
- 12. Создание спойлера
- 13. Создание аккордеона
- 14. Создаем модальное окно