Inter-Net.PRO

Вышел Bootstrap 4.0.0-beta.3 - финальный бета-релиз

  • 104 24
18 янв 2018 10:55 - 18 янв 2018 11:33 #1 от Inter-Net PRO
Inter-Net PRO создал тему: Вышел Bootstrap 4.0.0-beta.3 - финальный бета-релиз
В аккурат перед Новым Годом - 28 декабря 2017 г вышел крайний БЕТА релиз фреймворка бутстрап Bootstrap 4.0.0-beta.3.
Обещают что через пару недель после выхода бета-3 будет выпущен стабильный релиз Bootstrap-4.0

Ссылка на оф новость: https://blog.getbootstrap.com

Изменения в бета-версии 3
В то время как Beta 2 увидела основную часть наших взломанных изменений во время бета-фазы, но у нас все еще есть несколько вопросов, которые необходимо было решить в выпуске Beta 3. Эти изменения применяются, если вы обновляете Beta 3 из Beta 2 или любой более старой версии Bootstrap.


Разное
Удалена неиспользуемая $thumbnail-transition переменная. Мы ничего не перекодили, так что это был просто дополнительный код.
Пакет npm больше не содержит файлов, отличных от наших исходных и dist-файлов; если вы полагались на них и запускали наши скрипты из папки node_modules, вы должны адаптировать свой рабочий процесс.


Формы
Переписаны как пользовательские, так и стандартные чек-боксы и radio. Теперь у обоих есть соответствующая структура HTML (внешний <div> с вложенными <input> и <label>) и одинаковые стили раскладки (сложенные по умолчанию, с inline классом модификатора). Это позволяет нам стилизовать метку на основе состояния ввода, упрощая поддержку disabled атрибута (ранее требуемый родительский класс) и улучшая проверку формы.

В рамках этого релиза мы изменили CSS для управления несколькими background-images в пользовательских формах и флажках. Теперь удаленный .custom-control-indicator элемент раньше имел цвет фона, градиент и иконку SVG. Настройка градиента фона означала замену всех этих параметров каждый раз, когда вам нужно было изменить только один. Теперь в бутстрапе есть .custom-control-label::before для заполнения градиента и .custom-control-label::after для иконки.

Чтобы сделать собственную проверку, добавьте .custom-control-inline.

Обновлён селектор для групп кнопок на основе ввода. Вместо [data-toggle="buttons"] { } стиля и поведения, мы используем data атрибут, только для поведения JS и полагаемся на новый класс .btn-group-toggle для стилизации.

Убрано .col-form-legend в пользу немного улучшилось .col-form-label. Таким образом .col-form-label-sm и .col-form-label-lg можно легко использовать <legend> элементы.


Группы input
Мы изменили .input-group-addon и .input-group-btn на два новых класса, .input-group-prepend и .input-group-append. Вы должны явно использовать append или preend сейчас, упрощая большую часть нашего CSS.

Классы размеров должны быть у родительского .input-group, а не на отдельных элементах формы.

Авторизация

Войти через соцсети: