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

Материал из Википедии — свободной энциклопедии
(перенаправлено с «Twitter bootstrap»)
Перейти к навигации Перейти к поиску
Bootstrap
Boostrap logo.svg
Автор Марк Отто, Джейкоб Торнтон
Разработчик Bootstrap Core Team
Написана на JavaScript, CSS, HTML и Sass
Первый выпуск 2011-08
Последняя версия
Лицензия MIT License
Сайт getbootstrap.com
Commons-logo.svg Bootstrap на Викискладе

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

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

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

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

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

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

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

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

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

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

Bootstrap 4[править | править код]

29 октября 2014 года Марк Отто объявил, что Bootstrap 4 находится в разработке. 6 сентября 2016 года Марк приостановил работу над Bootstrap 3, чтобы высвободить время для работы над Bootstrap 4. На текущий момент было внесено более 4000 изменений к базовому коду Bootstrap 4. Первая стабильная версия вышла 19 января 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. https://github.com/twbs/bootstrap/releases/tag/v4.0.0-alpha.6
  2. Cochran, 2012.
  3. Shaw (v.2), 2014.
  4. Shaw (v.3), 2014.
  5. Поддерживаемые браузеры
  6. Mark Otto. Bootstrap from Twitter. Developer Blog. Twitter (19 августа 2011). Проверено 27 января 2016.
  7. Mark Otto. Say hello to Bootstrap 2.0 | Twitter Blogs. Developer Blog. Twitter (31 January 2011). Проверено 27 января 2016. (недоступная ссылка)
  8. Bootstrap 3 released. Bootstrap Blog (19 августа 2013). Проверено 27 января 2016.
  9. Bootstrap 3.3.0 released. Bootstrap Blog (29 октября 2014). Проверено 27 января 2016.
  10. Bootstrap 4 alpha. Bootstrap Blog (19 августа 2015). Проверено 27 января 2016.
  11. Bootstrap 4 Beta. Bootstrap Blog (10 августа 2017).
  12. Bootstrap 4 Beta 2. Bootstrap Blog (19 октября 2017).
  13. Bootstrap 4. Bootstrap Blog (18 января 2018).

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

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

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

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