Bootstrap является одним из популярнейших frontend-фреймворков. В этом небольшом обзоре я немного расскажу о тех нововведениях в Bootstrap, к которым нужно подготовиться.
Изменённая сетка
Bootstrap всегда имел отличную систему сетки, позволяющую эффективно создавать отзывчивые сайты. В Bootstrap не должно быть каких-либо кардинальных изменений. По словам разработчиков, будет добавлен ещё один уровень для портативных устройств — .col-hd-*.
Полностью переработанный navbar
Одной из сложных тем в Bootstrap 3 является navbar. Наверняка не одного меня смущает это обилие тегов и классов, которые нужно написать для создания навигационного меню.
Надеюсь, в Bootstrap 4 создать меню будет так же просто, как и в Bootstrap 3.
Новая документация
Документация для Bootstrap 3 была немного запутанной. Когда я начинал изучать Bootstrap, я не знал, в какой раздел (CSS, Components или JavaScript) мне обратиться.
Новая документация обещает быть более удобной и интуитивно-понятной. Хотя содержимое не претерпит особых изменений.
Анимации и переходы для компонентов
В Bootstrap 3 анимация всегда была на минимуме и использовалась лишь для нескольких компонентов, например, для аккордеона. Оглядываясь на Material Design от Google как новый тренд в веб-дизайне, стоит ожидать увеличения анимированных компонентов.
Новый подход к созданию тем
Тоже очень интересная тема. Сейчас, если нужно создать свою тему для Bootstrap 3, можно сделать следующее:
- Переопределить стили с помощью чистого CSS (я лично обычно использую этот способ).
- Изменить less-файлы на странице кастомизации Bootstrap.
- Продублировать less-файл переменных Bootstrap и перезаписать оригинальный.
Интересно, что изменится здесь? Возможно, будет специальный файл, в котором будут сосредоточены переменные для настройки цвета, теней, границ и пр. В общем, пока можно не беспокоиться и ждать официальных заявлений от разработчиков.
Прочие нововведения
- Обновлённая система сетки, учитывающая портативные устройства.
- Новый компонент для замены панелей, миниатюр и пр.
- Новый и простой navbar.
- Замена значений в пикселях на значения в rem и em для лучшего управления размерами компонентов.
- Убрана поддержка IE8.
- Множество обновлений для форм, включая кастомные элементы.
- Новые анимации и переходы для некоторых компонентов.
- Переписаны плагины с учётом новых возможностей JavaScript.
- Улучшено позиционирование для подсказок (tooltip), всплывающих панелей (popover) и раскрывающихся меню.
- Новая документация, оформленная с использованием Markdown.
- Новый подход к созданию тем.