Bootstrap 3 - это третье поколение интерфейсной платформы, позволяющее ускорить веб-разработку с привлекательным внешним видом. Используйте с тегом [twitter-bootstrap]
Презентация
Bootstrap 3
Изящный, интуитивно понятный и мощный мобильный интерфейс. фреймворк для более быстрой и простой веб-разработки.
Текущая версия: Bootstrap v3.4.0
Обратная совместимость
Bootstrap 3 не не обратная совместимость с v2.x. Чтобы узнать о серьезных изменениях, новинках и удалениях, пожалуйста, ознакомьтесь с Руководством по миграции Bootstrap с 2.x до 3 .
Что нового?
- новый плоский дизайн и дополнительная тема
- новый кастомайзер
- улучшенная модель бокса по умолчанию
- рассмотрена система сетки (mobile-first, классы для телефонов, планшетов, настольных компьютеров и больших настольных компьютеров)
- Плагины JavaScript переписаны
- новый шрифт Glyphicons icon icon
- улучшен navbar (теперь отзывчивый и с подкомпонентами )
- улучшенные модалы (для адаптивных веб-сайтов)
- новые компоненты (панель, списки-группы)
- удалено несколько компонентов (аккордеон, подменю, typeahead)
- более согласованные базовые и размерные классы
- лучшая документация
- отказались от поддержки Internet Explorer 7 и Firefox 3.6
См. Все подробности в выпуске Bootstrap 3 замечания .
Bootstrap для Sass
Вы можете найти официальную версию Bootstrap с поддержкой Sass, готовую к использованию в приложениях с поддержкой Sass.
См. Страницу «Начальная загрузка Sass Github» .
Ссылки
Инструменты для тестирования кода начальной загрузки:
- Bootply: площадка для начальной загрузки, CSS, JavaScript и jQuery
- ] Bootlint: официальный HTML-линтер для проектов Bootstrap
- Bootlint Online: онлайн-версия HTML-линтера для проектов Bootstrap
- Yeoman generator
Уменьшение полезной нагрузки
Размер файлов по умолчанию bootstrap.min.js и bootstrap.min.css можно уменьшить, включив только те компоненты, которые вы используете .
Другой вариант - использовать инструменты для удаления неиспользуемых селекторов CSS. Чтобы узнать больше о исполнителях задач и автоматизации сборки, ознакомьтесь с Grunt.js и Grunt unCSS plugin .