Русская Википедия:Bootstrap (фреймворк)

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

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

История

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

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

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

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

5 мая 2021 года увидел свет Bootstrap 5.

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

Шаблон:Стиль раздела Основные инструменты 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 года^[10]^[11].

Основные изменения включают:^[12]

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

См. также

Примечания

Шаблон:Примечания

Литература

Книги

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

Ссылки

[1] Шаблон:Cite web

[2] Шаблон:Cite web

[3] Шаблон:Cite web Шаблон:Недоступная ссылка

[4] Шаблон:Cite web

[5] Шаблон:Cite web

[6] Шаблон:Cite web

[beta-7] Шаблон:Cite web

[beta2-8] Шаблон:Cite web

[4_stable-9] Шаблон:Cite web

[10] Шаблон:Cite web

[11] Шаблон:Cite web

[12] Шаблон:Cite web

[13] Шаблон:Cite web

[1]

[2]

[3]

[4]

[5]

[6]

[7]

[8]

[9]

[10]

[11]

[12]

[13]

Партнерские ресурсы
Криптовалюты	Обмен криптовалют - www.bestchange.ru Криптовалютная биржа CoinEx Криптовалютная биржа Binance HIVE OS - операционная система для майнинга e4pool - Мультивалютный пул для майнинга.
Магазины	AliExpress — глобальная виртуальная (в Интернете) торговая площадка, предоставляющая возможность покупать товары производителей из КНР; computeruniverse.net - Интернет-магазин компьютеров(Промо код 5 Евро на первую покупку:FWWC3ZKQ);
Хостинг	DigitalOcean - американский провайдер облачных инфраструктур, с главным офисом в Нью-Йорке и с центрами обработки данных по всему миру;
Разное	Викиум - Онлайн-тренажер для мозга Like Центр - Центр поддержки и развития предпринимательства. Gamersbay - лучший магазин по бустингу для World of Warcraft. Ноотропы OmniMind N°1 - Усиливает мозговую активность. Повышает мотивацию. Улучшает память. Санкт-Петербургская школа телевидения - это федеральная сеть образовательных центров, которая имеет филиалы в 37 городах России. Lingualeo.com — интерактивный онлайн-сервис для изучения и практики английского языка в увлекательной игровой форме. Junyschool (Джунискул) – международная школа программирования и дизайна для детей и подростков от 5 до 17 лет, где ученики осваивают компьютерную грамотность, развивают алгоритмическое и креативное мышление, изучают основы программирования и компьютерной графики, создают собственные проекты: игры, сайты, программы, приложения, анимации, 3D-модели, монтируют видео. Умназия - Интерактивные онлайн-курсы и тренажеры для развития мышления детей 6-13 лет SkillBox - это один из лидеров российского рынка онлайн-образования. Среди партнеров Skillbox ведущий разработчик сервисного дизайна AIC, медиа-компания Yoola, первое и самое крупное русскоязычное аналитическое агентство Tagline, онлайн-школа дизайна и иллюстрации Bang! Bang! Education, оператор PR-рынка PACO, студия рисования Draw&Go, агентство performance-маркетинга Ingate, scrum-студия Sibirix, имидж-лаборатория Персона. «Нетология» — это университет по подготовке и дополнительному обучению специалистов в области интернет-маркетинга, управления проектами и продуктами, дизайна, Data Science и разработки. В рамках Нетологии студенты получают ценные теоретические знания от лучших экспертов Рунета, выполняют практические задания на отработку полученных навыков, общаются с экспертами и единомышленниками. Познакомиться со всеми продуктами подробнее можно на сайте https://netology.ru, линейка курсов и профессий постоянно обновляется. StudyBay Brazil – это онлайн биржа для португалоговорящих студентов и авторов! Студент получает уникальную работу любого уровня сложности и больше свободного времени, в то время как у автора появляется дополнительный заработок и бесценный опыт. Автор24 — самая большая в России площадка по написанию учебных работ: контрольные и курсовые работы, дипломы, рефераты, решение задач, отчеты по практике, а так же любой другой вид работы. Сервис сотрудничает с более 70 000 авторов. Более 1 000 000 работ уже выполнено. StudyBay – это онлайн биржа для англоязычных студентов и авторов! Студент получает уникальную работу любого уровня сложности и больше свободного времени, в то время как у автора появляется дополнительный заработок и бесценный опыт.

Русская Википедия:Bootstrap (фреймворк)

Содержание