Обзор Bootstrap, в том числе, как загрузить и использовать его, некоторые основные шаблоны и примеры, и многое другое.
В Bootstrap наконец то появилась поддержка Flexbox. Подписаться на новые CSS разметка стили с движением переменной или поменять в таблице стилей.
Flexbox поддержка доступна по ряду Bootstrap компоненты:
float
s к display: flex;
.display: table;
доdisplay: flex;
.display: table;
и ряд ломаные стили для простого display: flex;
.Вендорных префиксов представлены в нашем составитель CSS С Autoprefixer через Grunt. Некоторые ошибки в ie10-11-х Flexbox реализация обойти с помощью postcss-flexbugs-fixes.
В двух словах, flexbox обеспечивает более простым и гибким разметка параметры CSS. Более конкретно, оно обеспечивает:
Все это возможно и без flexbox, но, как правило, требует дополнительных хаков и обходных путей, чтобы работало правильно.
Если вы знакомы с изменение переменных Sass—или любой другой CSS препроцессора—вы будете прямо у себя дома, чтобы переехать в flexbox режиме.
_variables.scss
файл и найдите $enable-flex
переменную.false
для true
.Кроме того, если вам не нужен исходный код Sass файлов, можно поменять по умолчанию значение Bootstrap составлено CSS с собранным flexbox вариации. Перейдите на страницу загрузок для получения дополнительной информации.
Позволяя flexbox означает уменьшена поддержка браузеров и устройств:
Пожалуйста, будьте особенно сознательных пользователей при включении flexbox в проекте. Посетите Я могу использовать... более подробную информацию о поддержке браузера flexbox.