В четвёртую годовщину Bootstrap (19 августа) была выпущена Bootstrap 4 alpha. Теперь давайте посмотрим, какие обновления внесла Bootstrap 4!!

• Переход с Less на Sass: Теперь Bootstrap присоединился к семейству Sass. Благодаря Libsass скорость компиляции Bootstrap выше, чем раньше;
• Улучшенная система сеток: Добавлен новый уровень сетки для мобильных устройств и реорганизованы семантические миксины.
• Поддержка выбора модели flexbox: Это эпохальная функция — достаточно изменить булеву переменную, чтобы воспользоваться преимуществами flexbox для быстрой вёрстки.
• wells, thumbnails и panels объявлены устаревшими и заменены карточками: Карточки — совершенно новая концепция, но они работают почти так же, как wells, thumbnails и panels, и даже удобнее.
• Все HTML-таблицы стилей сброса объединены в Reboot: Вы можете использовать Reboot там, где нельзя использовать Normalize.css; он предоставляет больше возможностей. Напримерbox-sizing: border-box, настройки margin и т. п. хранятся в отдельном Sass-файле.
• Новые параметры настройки: В отличие от предыдущей версии, градиенты, затухания, тени и другие эффекты больше не размещаются в отдельных таблицах стилей. Вместо этого все параметры были перенесены в одну переменную Sass. Хотите задать эффект по умолчанию глобально или для углов, которые вы ещё не рассматривали? Это просто: достаточно обновить значение переменной и перекомпилировать.
• Больше не поддерживает IE8, использует единицы rem и em: Отказ от поддержки IE8 означает, что разработчики могут уверенно использовать CSS, не исследуя хаки CSS или резервные механизмы. Использование rem и em вместо единиц px лучше подходит для адаптивной вёрстки и управления размерами компонентов. Если вам нужна поддержка IE8, вы можете только продолжать использовать Bootstrap 3.
• Все плагины JavaScript были переписаны: Чтобы воспользоваться новыми возможностями JavaScript, Bootstrap 4 переписал все плагины на ES6. Теперь он обеспечивает поддержку UMD, обобщённые методы деструктуризации, проверку типов параметров и другие возможности.
• Улучшено автоматическое позиционирование всплывающих подсказок и поповеров: Это стало возможным благодаря помощи инструмента Tether.
• Улучшена документация: Вся документация была переписана на Markdown, добавлены некоторые удобные плагины для организации примеров и фрагментов кода. Документацией будет удобнее пользоваться, также ведётся работа над оптимизацией поиска.
• Другие изменения: Поддержка пользовательских элементов форм, классов интервалов и отступов, а также новые служебные классы и многое другое.

Поддержка v3

Когда вышел Bootstrap 3, Bootstrap прекратил поддержку версии 2.x, что создало проблемы для многих пользователей. Та же ошибка не будет совершена во второй раз. В ближайшем будущем команда разработчиков продолжит исправлять ошибки v3 и улучшать документацию. После окончательного выпуска v4 документацию v3 не уберут из сети.

Помимо выпуска альфа-версии Bootstrap 4, официальная команда также выпустила темы Bootstrap. Однако все они платные.

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

Связанные ссылки

Официальный сайт Bootstrap 4:http://v4-alpha.getbootstrap.com/

Учебник по Bootstrap 3:http://www.example.com/bootstrap/bootstrap-tutorial.html

Онлайн-инструменты Bootstrap:http://www.example.com/try/bootstrap/layoutit/