Ответ 1
Bootstrap 3 предназначен для мобильных устройств.
- Отброшено поддержка IE7 и FF3.6.
- Стандартный и отзывчивый CSS объединены в один файл.
- Переименованные переменные: переименовать переменные для использования тире вместо camelCase. Например, теперь @body-bg вместо @bodyBackground
- Больше @blue, @orange, а не его @бренд-первичный, @бренд-успех и другие. Затем они назначаются на основе каждого компонента (например, @state-warning-text, @btn-background-primary и т.д.).
- Добавить изображение сетчатки сетчатки с .img-retina()
- Добавлены новые переменные: - Изменить @component-active-bg и настроить активные состояния навигационных таблеток, выпадающих меню и т.д.
Перестроить сетчатые системы, чтобы сделать их текучими и подвижными в первую очередь.
- Удалена отдельная система, контейнер и макет жидкостной сетки
- Новая единая сетчатая система использует .row(проценты не пиксели), (добавление по краю) и размер окна: border-box, теперь.
- Смещения сохраняются на 100%.
- Вместо .span * и .offset *, мы теперь используем .col- * и .col-offset- *, соответственно.
- Используйте .col- * классы для небольших устройств (смартфонов). И используйте классы .col-sm- * для небольших устройств (планшетов)
- Добавить классы .col-push- * и .col-pull- * для упрощения упорядочивания столбцов.
- Удалить выделенные классы сетки таблицы.
- Рекомендуется использовать "max-width" вместо "width" для всех экземпляров .container, чтобы предотвратить некоторые проблемы с контейнерами в таких компонентах, как navbars.
Кнопки
- Серая кнопка по умолчанию требует двух классов - class= "btn btn-default".
- Выпало .btn-inverse
Формы:
- Удалить ввод-добавление и ввод-добавление для единственной .input-group
- Выпадающий .form-search
- Горизонтальные формы теперь мобильны, то есть при < 768px, элементы сложены. Помимо этого элементы перемещаются и отображаются бок о бок.
- Флажки и радио теперь требуют дополнительных
- Вместо .radio.inline вам теперь нужен только один класс .radio-inline для прямого использования на
Иконки
- Преобразуйте в Glyphicons v1.7 @font-face и оставьте старые PNG.
- Все классы начинаются с .glyphicon- вместо .icon -
Labels: -
- Этикетки-рефактории масштабируются с их родительским размером шрифта
- Отбросил .label-inverse
Блок героев для Jumbotron
- Класс изменен с .hero-unit на .jumbotron
- Более легкий шрифт для заголовков
- Увеличить размер шрифта в отзывах.
Navs и Navbars
- Удалить параметр .nav-list. Заменяется новым компонентом .list-group.
- Поддержка переноса .navbar-search
- Перестроить стили навигационной панели по умолчанию и ее подкомпонентов:
- Отключенные меню (те, которые прикреплены к фактическому меню, а не индикаторы) были удалены, поэтому выпадающие меню сидят на краю навигационной панели.
- Вертикальные разделители Navbar были добавлены в smidge, что означает, что они не расширяют всю высоту навигационной панели.
- На навигаторах больше нет теней или градиентов.
- Высота навигатора увеличилась с 44 до 62 пикселей для мобильных устройств и 50 пикселей для настольных компьютеров.
- Удалено .navbar-inner и перемещено соответствующие стили в .navbar
- Изменено .navbar > .nav на .navbar-nav
- Измените .btn-navbar на .navbar-toggle
- Изменено .brand.navbar-brand
Dropdowns: -
- Удалите подменю в раскрывающихся меню.
- Удален .nav-заголовок и заменен на .dropdown-header
модальности: -
- Больше не требуется использовать .hide
- Возвращает .modal-open на теле (так что мы можем прокрутить там прокрутку)
- Добавляет несколько дополнительных уровней разметки (а именно .modal-dialog и .modal-content), поэтому мы можем прокручивать весь модальный, а не переполнять раздел в модальном формате.
- Связанный,.modal теперь является оберткой, а .modal-content - сам модальный. Это значит, что мы все еще можем использовать положение: fixed;, но делаем модальное относительно позиционированное так, чтобы прокрутка перемещала весь модальный, а не что-то с ним.
- Добавлен заголовок .modal-title для более последовательного и полезного таргетинга содержимого заголовка (ранее это была просто и селекторная производительность, которая была втянута).
Carousel: -
- Редизайн! Более легкие стили для предыдущего и следующего элементов управления, а также заголовки каруселей.
- Обновить требуемую разметку для элементов управления карусели. Класс .carousel-control теперь требует другого элемента внутри него для предыдущих/следующих символов. Эти символы теперь являются значками Glyhpicons для улучшения стиля и позиционирования в браузерах и устройствах. Индикаторы теперь выровнены по середине.
- Подписи усилены как необязательные и по умолчанию скрыты в мобильных представлениях, а затем отображаются для видовых экранов > 768 пикселей.
Вышеприведенный список предназначен для обычного программиста. Предыдущий ответ подходит для лучших программистов, чем я.