Меню

Главная
Случайная статья
Настройки
Bootstrap (фреймворк)
Материал из https://ru.wikipedia.org

Bootstrap (также известен как Twitter Bootstrap[4][5][6]) — популярный[7][8] фреймворк для создания сайтов и веб-приложений с открытым исходным кодом. Включает в себя HTML- и CSS-шаблоны оформления для типографики, веб-форм, кнопок, меток, блоков навигации и прочих компонентов веб-интерфейса, включая JavaScript-расширения.

Bootstrap использует современные наработки в области CSS, JavaScript и HTML, поэтому использование данного инструмента не всегда может быть правильным решением при использовании старых браузеров[9].

Bootstrap является одним из самых популярных проектов на GitHub: у него около 170 тысяч звёзд[8]

Содержание

История

Bootstrap начала разрабатываться как внутренняя библиотека компании Twitter под названием Twitter Blueprint. После нескольких месяцев разработки он был открыт под названием Bootstrap 19 августа 2011 года[10].

Основными нововведениями второй версии, появившейся 31 января 2012 года, стали 12-колоночная сетка и поддержка адаптивности[11]. С этого момента фреймворк позволяет создавать страницы, которые подстраиваются под ширину экрана.

Третья версия была выпущена 19 августа 2013 года. В ней адаптивность получила дальнейшее развитие, был осуществлён переход к концепции mobile first, оптимизации прежде всего под мобильные устройства. Дизайн по умолчанию теперь стал плоским[12].

Работа над четвёртой версией начата 29 октября 2014 года[13]. Альфа-версия вышла 19 августа 2015 года[14]. Первая бета-версия выпущена 10 августа 2017 года[15]. Вторая бета-версия выпущена 19 октября 2017[16]. 18 января 2018 года выпущена первая стабильная версия Bootstrap 4[17].

5 мая 2021 года увидел свет Bootstrap 5.[источник не указан 319 дней]

Основные инструменты

Bootstrap представляет из себя набор файлов, подключив которые к странице, можно настроить её дизайн. Оформление проекта при этом будет типизированным, но скорость и простота разработки повысится. На практике можно использовать только некоторые классы и компоненты фреймворка, повышая гибкость дизайна[18].

Основными инструментами Bootstrap являются:
  • Сетки — заранее заданные размеры колонок, которые можно сразу использовать. Например, ширина колонки 140 px относится к классу .span2 (.col-md-2 в третьей версии фреймворка), который можно использовать в CSS-описании документа.
  • Шаблоны — фиксированный или резиновый шаблон документа.
  • Типографика — инструмент описания шрифтов, определение некоторых классов для шрифтов, таких как код, цитаты и т. п.
  • Медиа — инструмент, предоставляющий некоторое управление изображениями и видео.
  • Таблицы — средства оформления таблиц, вплоть до добавления функциональности сортировки.
  • Формы — некоторые классы для оформления форм и некоторых событий, происходящих с ними.
  • Навигация — некоторые классы оформления для панелей, вкладок, перехода по страницам, меню и панели инструментов.
  • Алерты — инструмент оформления диалоговых окон, подсказок и всплывающих окон.


Bootstrap 4

29 октября 2014 года Марк Отто объявил, что Bootstrap 4 находится в разработке. 6 сентября 2016 года Марк приостановил работу над Bootstrap 3, чтобы высвободить время для работы над Bootstrap 4. На текущий момент было внесено более 4000 изменений к базовому коду Bootstrap 4. Первая стабильная версия вышла 18 января 2018 года.

Bootstrap 4 — это почти полностью переписанный Bootstrap 3. Перечень самых значительных изменений:
  • Веб шрифты по умолчанию (Helvetica Neue, Helvetica, Arial) интегрированы в Bootstrap 4 и заменены набором исходных шрифтов для оптимальной отрисовки текста на любом устройстве под любой ОС.
  • Переход от использования Less к Sass.
  • Не поддерживаются IE8, IE9 и iOS 6.
  • Добавлена поддержка Flexbox, а затем отключена поддержка non flexbox.
  • Смена основной единицы измерения с px на rem.
  • Увеличенный глобальный размер шрифта с 14px до 16px.
  • Новый компонент «карточка», обобщающий панели и другие компоненты.
  • Удалён шрифт значков Glyphicons.
  • Удалены компоненты пейджера.
  • Переписаны почти все компоненты, плагины jQuery и документация.


Bootstrap 5

Bootstrap 5 был официально выпущен 5 мая 2021 года[19][20].

Основные изменения включают:[21]
  • Новый компонент меню offcanvas.
  • Удаление зависимости от jQuery в пользу ванильного JavaScript.
  • Переписывание сетки для поддержки адаптивных желобов и столбцов, размещённых за пределами строк.
  • Перенос документации с Jekyll на Hugo.
  • Прекращение поддержки Internet Explorer[22].
  • Перенос инфраструктуры тестирования с QUnit на Jasmine.
  • Добавление собственного набора иконок SVG.
  • Добавление пользовательских свойств CSS.
  • Улучшенный API.
  • Усовершенствованная система сетки.
  • Улучшенная настройка документов.
  • Обновлённые формы.
  • RTL-поддержка.


См. также

Примечания
  1. https://twitter.com/mdo/statuses/104620039650557952
  2. Release v5.3.8 — 2025.
  3. http://getbootstrap.com/
  4. Cochran, 2012.
  5. Shaw (v.2), 2014.
  6. Shaw (v.3), 2014.
  7. Usage Statistics and Market Share of Bootstrap for Websites, August 2024. w3techs.com. — «Bootstrap is used by 77.2% of all the websites whose CSS framework we know. This is 17.4% of all websites.» Дата обращения: 25 августа 2024.
  8. 1 2 stars:>100000 (англ.). GitHub. Дата обращения: 25 августа 2024. Архивировано 7 октября 2024 года.
  9. Поддерживаемые браузеры. Дата обращения: 12 января 2016. Архивировано 18 августа 2015 года.
  10. Mark Otto. Bootstrap from Twitter. Developer Blog. Twitter (19 августа 2011). Дата обращения: 27 января 2016. Архивировано 23 февраля 2017 года.
  11. Mark Otto. Say hello to Bootstrap 2.0 | Twitter Blogs (недоступная ссылка — история). Developer Blog. Twitter (31 января 2011). Дата обращения: 27 января 2016.
  12. Bootstrap 3 released. Bootstrap Blog (19 августа 2013). Дата обращения: 27 января 2016. Архивировано 21 октября 2016 года.
  13. Bootstrap 3.3.0 released. Bootstrap Blog (29 октября 2014). Дата обращения: 27 января 2016. Архивировано 24 июля 2016 года.
  14. Bootstrap 4 alpha. Bootstrap Blog (19 августа 2015). Дата обращения: 27 января 2016. Архивировано 21 августа 2015 года.
  15. Bootstrap 4 Beta. Bootstrap Blog (10 августа 2017). Дата обращения: 6 октября 2017. Архивировано 8 октября 2017 года.
  16. Bootstrap 4 Beta 2. Bootstrap Blog (19 октября 2017). Дата обращения: 31 октября 2017. Архивировано 1 ноября 2017 года.
  17. Bootstrap 4. Bootstrap Blog (18 января 2018). Дата обращения: 19 января 2018. Архивировано 20 января 2018 года.
  18. Что такое Bootstrap. web.spt42.ru. Дата обращения: 25 августа 2024. Архивировано 25 августа 2024 года.
  19. Release Release v5.0.0 (#33647) · twbs/bootstrap (англ.). GitHub. Дата обращения: 5 мая 2021. Архивировано 5 апреля 2022 года.
  20. Bootstrap 5. blog.getbootstrap.com. Дата обращения: 5 апреля 2022. Архивировано 25 марта 2022 года.
  21. Bootstrap 5 grid by MartijnCuppens · Pull Request #28517 · twbs/bootstrap (англ.). GitHub. Дата обращения: 29 сентября 2019. Архивировано 5 апреля 2022 года.
  22. v5: drop Internet Explorer support by XhmikosR · Pull Request #30377 · twbs/bootstrap (англ.). GitHub. Дата обращения: 7 апреля 2020. Архивировано 5 апреля 2022 года.


Литература

Книги

Статьи и обзоры

Ссылки
Downgrade Counter