Автор (ы) | Отметить Отто, Джейкоб Торнтон |
---|---|
Разработчик (и) | Bootstrap Core Team |
Первоначальный выпуск | 19 августа 2011 г.; 9 лет назад (2011-08-19) |
Стабильный выпуск | 4.5.2 / 6 августа 2020 г.; 2 месяца назад (2020-08-06) |
Репозиторий | Bootstrap Repository |
Написано на | HTML, CSS, Меньше (v3), Sass (v4) и JavaScript |
Платформа | Веб-платформа |
Лицензия | Лицензия MIT (Лицензия Apache 2.0 до 3.1.0) |
Веб-сайт | getbootstrap.com |
Bootstrap - это бесплатный CSS-фреймворк с открытым исходным кодом, предназначенный для адаптивных, mobile-first интерфейсная веб-разработка. Он содержит шаблоны дизайна на основе CSS и (необязательно) JavaScript для типографики, форм, кнопок, навигация и другие компоненты интерфейса.
Bootstrap занимает седьмое место по количеству звезд на GitHub, набрав более 142000 звезд, уступая freeCodeCamp (почти 312000 звезд) и немного уступая Vue..js framework.
Bootstrap, первоначально названный Twitter Blueprint, был разработан Марком Отто и Джейкобом Торнтоном в Twitter в качестве основы для обеспечения единообразия внутренних инструментов. До Bootstrap для разработки интерфейса использовались различные библиотеки, что приводило к несогласованности и большой нагрузке на обслуживание. По словам разработчика Twitter Марка Отто:
Я и суперкрупная группа разработчиков собрались вместе, чтобы спроектировать и создать новый внутренний инструмент, и увидели возможность сделать нечто большее. Благодаря этому процессу мы увидели, что создали нечто гораздо более существенное, чем другой внутренний инструмент. Спустя несколько месяцев мы закончили с ранней версией Bootstrap как способ документировать и делиться общими шаблонами проектирования и активами внутри компании.
После нескольких месяцев разработки небольшой группой многие разработчики в Twitter начали вносить свой вклад в проект в рамках Hack Week, недели хакатона в стиле для команды разработчиков Twitter. Он был переименован из Twitter Blueprint в Bootstrap и выпущен как проект с открытым исходным кодом 19 августа 2011 года. Его продолжали поддерживать Марк Отто, Джейкоб Торнтон и небольшая группа основных разработчиков, а также большое сообщество разработчиков. участников.
31 января 2012 года был выпущен Bootstrap 2, в котором добавлена встроенная поддержка Glyphicons, несколько новых компонентов, а также внесены изменения во многие из существующие компоненты. Эта версия поддерживает адаптивный веб-дизайн, что означает, что макет веб-страниц настраивается динамически с учетом характеристик используемого устройства (настольного компьютера, планшета или мобильного телефона).
Следующий основная версия, Bootstrap 3, была выпущена 19 августа 2013 г. В ней были переработаны компоненты для использования плоского дизайна и подхода сначала мобильные.
Марк Отто анонсировал Bootstrap 4 29 октября 2014 г. Первая альфа-версия Bootstrap 4 была выпущена 19 августа 2015 г. Первая бета-версия была выпущена 10 августа 2017 г. Марк приостановил работу над Bootstrap 3 6 сентября, 2016, чтобы освободить время для работы над Bootstrap 4. Bootstrap 4 был завершен 18 января 2018 года.
Существенные изменения включают:
Reboot
, коллекция специфичных для элемента изменений CSS в одном файле на основе поддержки Normalize
, Компоненты thumbnail
, pager
и well
Glyphicons
fontBootstrap 4 поддерживает последние версии Google Chrome, Firefox, Internet Explorer, Opera и Safari (кроме Windows). Он дополнительно поддерживает предыдущую версию IE9 и последнюю версию Firefox Extended Support Release (ESR).
Bootstrap 5 Alpha был официально выпущен 16 июня 2020 года, хотя экспериментальная версия пакета, созданная Material Design для Bootstrap на основе версии Alpha для разработчиков, уже появилась в Интернете за несколько недель до этого.
Версия 5 Alpha в настоящее время является последней версией пакета пакет.
Основные изменения включают:
Скоро появятся изменения:
Изменения, которые оцениваются:
Примеры использования:
Первые варианты использования альфа-версии Bootstrap 5 появились всего через несколько дней после официальной премьеры, наиболее известные из них:
Bootstrap - это веб-фреймворк, ориентированный на упрощение разработки информативных веб-страниц (в отличие от веб-приложений ). Основная цель добавления его в веб-проект - применить к этому проекту выбранные Bootstrap цвета, размер, шрифт и макет. Таким образом, главным фактором является то, найдут ли ответственные разработчики эти варианты по своему вкусу. После добавления в проект Bootstrap предоставляет базовые определения стилей для всех элементов HTML. Результатом является единообразный внешний вид текста, таблиц и элементов форм в веб-браузерах. Кроме того, разработчики могут воспользоваться преимуществами классов CSS, определенных в Bootstrap, для дальнейшей настройки внешнего вида их содержимого. Например, в Bootstrap предусмотрены таблицы светлого и темного цветов, заголовки страниц, более заметные кавычки и текст с выделением.
Bootstrap также включает несколько компонентов JavaScript в виде плагинов jQuery. Они предоставляют дополнительные элементы пользовательского интерфейса, такие как диалоговые окна, всплывающие подсказки и карусели. Каждый компонент Bootstrap состоит из структуры HTML, объявлений CSS и, в некоторых случаях, сопутствующего кода JavaScript. Они также расширяют функциональность некоторых существующих элементов интерфейса, включая, например, функцию автозаполнения для полей ввода.
Пример веб-страницы, использующей платформу Bootstrap, отображаемую в FirefoxНаиболее заметными компонентами Bootstrap являются его компоненты макета, поскольку они влияют на всю веб-страницу. Базовый компонент макета называется «Контейнером», так как в него помещается любой другой элемент на странице. Разработчики могут выбирать между контейнером фиксированной ширины и контейнером постоянной ширины. В то время как последний всегда заполняет ширину веб-страницы, первый использует одну из четырех предопределенных фиксированных значений ширины, в зависимости от размера экрана, на котором отображается страница:
После того, как контейнер находится на месте, другие компоненты макета Bootstrap реализуют макет CSS Flexbox путем определения строк и столбцов.
Предварительно скомпилированная версия Bootstrap доступна в виде одного файла CSS и трех файлов JavaScript, которые можно легко добавить в любой проект. Однако необработанная форма Bootstrap позволяет разработчикам реализовать дополнительную настройку и оптимизацию размера. Эта необработанная форма является модульной, что означает, что разработчик может удалить ненужные компоненты, применить тему и изменить некомпилированные файлы Sass.
На Викискладе есть материалы, связанные с Bootstrap (framework). |