Bootstrap (фреймворк)

Материал из Википедии — свободной энциклопедии
Перейти к навигации Перейти к поиску
Bootstrap
Bootstrap logo.svg
Тип CSS-фреймворк
Автор Марк Отто, Джейкоб Торнтон
Разработчик Bootstrap Core Team
Написана на JavaScript, CSS, HTML и Sass
Операционная система кроссплатформенность
Первый выпуск 19 августа 2011
Последняя версия
Лицензия лицензия MIT[2]
Сайт getbootstrap.com​ (англ.)
Commons-logo.svg Медиафайлы на Викискладе

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

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

История[править | править код]

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

Основными нововведениями второй версии, появившейся 31 января 2012 года, стали 12-колоночная сетка и поддержка адаптивности[8].

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

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

Основные инструменты[править | править код]

Основные инструменты 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 и документация.

См. также[править | править код]

Примечания[править | править код]

  1. Release 4.5.3 — 2020.
  2. http://getbootstrap.com/
  3. Cochran, 2012.
  4. Shaw (v.2), 2014.
  5. Shaw (v.3), 2014.
  6. Поддерживаемые браузеры
  7. Mark Otto. Bootstrap from Twitter. Developer Blog. Twitter (19 августа 2011). Дата обращения: 27 января 2016.
  8. Mark Otto. Say hello to Bootstrap 2.0 | Twitter Blogs. Developer Blog. Twitter (31 January 2011). Дата обращения: 27 января 2016. (недоступная ссылка)
  9. Bootstrap 3 released. Bootstrap Blog (19 августа 2013). Дата обращения: 27 января 2016.
  10. Bootstrap 3.3.0 released. Bootstrap Blog (29 октября 2014). Дата обращения: 27 января 2016.
  11. Bootstrap 4 alpha. Bootstrap Blog (19 августа 2015). Дата обращения: 27 января 2016.
  12. Bootstrap 4 Beta. Bootstrap Blog (10 августа 2017).
  13. Bootstrap 4 Beta 2. Bootstrap Blog (19 октября 2017).
  14. Bootstrap 4. Bootstrap Blog (18 января 2018).

Литература[править | править код]

Книги[править | править код]

Статьи и обзоры[править | править код]

Ссылки[править | править код]