Bootstrap 3 - это третье поколение интерфейсной среды, позволяющей ускорить веб-разработку с привлекательным внешним видом. Использовать с тегом [twitter-bootstrap]

Презентация

Bootstrap 3
Изящная, интуитивно понятная и мощная мобильная передняя интерфейсная структура для более быстрой и простой веб-разработки.

Текущая версия: Bootstrap v3.4.0

Обратная совместимость

Bootstrap 3 не имеет обратной совместимости с v2.x. Чтобы узнать об основных изменениях, новинках и удалениях, ознакомьтесь с Руководством по миграции Bootstrap с версии 2.x до 3. ,

Что нового?

  • новый плоский дизайн и дополнительная тема
  • новый настройщик
  • лучшая модель коробки по умолчанию
  • проверенная сеточная система (mobile-first, классы для телефонов, планшетов, настольных компьютеров и больших настольных компьютеров)
  • Плагины JavaScript переписаны
  • новый значок шрифта Glyphicons
  • лучше navbar (теперь отзывчивый и с подкомпонентами)
  • лучшие модалы (для адаптивных сайтов)
  • новые компоненты (панель, списки групп)
  • удалено несколько компонентов (гармошка, подменю, typeahead)
  • более согласованные базовые и размерные классы
  • лучшая документация
  • прекращена поддержка Internet Explorer 7 и Firefox 3.6

Подробности смотрите в заметках о выпуске Bootstrap 3.

Бутстрап для Sass

Вы можете найти официальную версию Bootstrap с поддержкой Sass, готовую к использованию в приложениях с поддержкой Sass.

См. страницу начальной загрузки для Sass Github.

Связи

  1. Сайт и руководство по стилю
  2. Официальный блог Twitter Bootstrap
  3. BootstrapDocs

Инструменты для тестирования кода начальной загрузки:

  1. Bootply: игровая площадка для начальной загрузки, CSS, JavaScript и jQuery
  2. Bootlint: официальный HTML-линтер для проектов Bootstrap
  3. Bootlint Online: онлайн-версия HTML-линтера для проектов Bootstrap
  4. Йоменский генератор

Сокращение полезной нагрузки

Файлы по умолчанию bootstrap.min.js и bootstrap.min.css могут быть уменьшены в размере на включая только те компоненты, которые вы используете.

Другой вариант - использовать инструменты для удаления неиспользуемых селекторов CSS. Чтобы узнать больше о исполнителях задач и автоматизации сборки, ознакомьтесь с Grunt.jsи Подключить плагин unCSS.

CDN Ссылки