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

Материал из Википедии — свободной энциклопедии
(перенаправлено с «Twitter Bootstrap»)
Перейти к: навигация, поиск
Bootstrap
Boostrap logo.svg
Twitter Bootstrap.png
Автор

Марк Отто,
Джейкоб Торнтон[1]

Разработчик

Twitter Inc.

Написана на

JavaScript и CSS

Первый выпуск

2011-08

Последняя версия

3.3.7 (25 июля 2016[2])

Лицензия

MIT License

Сайт

getbootstrap.com

Commons-logo.svg Bootstrap на Викискладе

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].

Преимущества и недостатки[править | править вики-текст]

К недостаткам можно отнести бедную цветовую гамму стандартного набора иконок.[12]. К преимуществам — хорошую реализацию grid-сетки для масштабирования веб-страницы, создания адаптивного дизайна.[13]

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

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

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

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

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

  1. Разработчики
  2. История версий
  3. Cochran, 2012.
  4. Shaw (v.2), 2014.
  5. Shaw (v.3), 2014.
  6. Поддерживаемые браузеры
  7. Mark Otto. Bootstrap from Twitter. Developer Blog. Twitter (19 August 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 August 2013). Проверено 27 января 2016.
  10. Bootstrap 3.3.0 released. Bootstrap Blogdate = 21 August 2015. Проверено 27 января 2016.
  11. Bootstrap 4 alpha. Bootstrap Blog (20 August 2015). Проверено 27 января 2016.
  12. Components
  13. Grid options. Examples.

Литература[править | править вики-текст]

Книги[править | править вики-текст]

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

Ссылки[править | править вики-текст]