Здесь много вопросов, связанных с Bootstrap. Я вижу много людей, использующих это. Поэтому я попытался исследовать его и нашел официальный сайт Bootstrap , но там был только раздел загрузки и несколько слов после этого. Ничего, что объясняет, для чего это ... Я просто понял, что это помощник внешнего интерфейса. Я пытался найти что-то от Google, но ничего конкретного не нашел. Все, что я нашел, связано с определением информатики.

Итак, мои вопросы:

• Что такое Bootstrap вообще?
• Для чего он используется и как он помогает развитию фронт-энда?
• Я также хотел бы получить некоторые подробности, объясняющие это.

Это среда с открытым исходным кодом HTML, CSS и JavaScript (изначально созданная Twitter), которую вы можете использовать в качестве основы для создания веб-сайтов или веб-приложений.

• Больше информации и ссылки для скачивания

• Начиная

• Примеры

• Темы

• Bootply - Bootstrap Editor and Builder

Обновить

Официальный сайт начальной загрузки обновляется и содержит четкое определение.

«Bootstrap - это самая популярная среда HTML, CSS и JS для разработки адаптивных мобильных проектов в Интернете».

"Разработано и построено со всей любовью в мире @mdo и @fat ."

Bootstrap - это среда Javascript с открытым исходным кодом, разработанная командой в Twitter. Это комбинация кода HTML, CSS и Javascript, предназначенная для создания компонентов пользовательского интерфейса. Bootstrap также был запрограммирован для поддержки как HTML5, так и CSS3.

Также это называется Front-end-framework.

Bootstrap - это бесплатная коллекция инструментов для создания сайтов и веб-приложений.

Он содержит шаблоны дизайна на основе HTML и CSS для типографики, форм, кнопок, навигации и других компонентов интерфейса, а также дополнительные расширения JavaScript.

Некоторые Причины для программистов предпочли Bootstrap Framework

1. Легко начать

2. Отличная сетка

3. Базовый стиль для большинства элементов HTML (типография, код, таблицы, формы, кнопки, изображения, значки)

4. Обширный список компонентов

5. Связанные плагины Javascript

Взято из About Bootstrap Framework

Bootstrap, насколько я знаю, это четко определенный CSS. Хотя, используя Bootstrap, вы также можете использовать JavaScript, jQuery и т. Д. Но главное отличие состоит в том, что, используя Bootstrap, вы можете просто вызвать имя класса, а затем получить результат в форме HTML. например раскраска кнопок, формирование текста, использование раскладок. Для всего этого вам не нужно писать CSS-файл, вам просто нужно использовать правильное имя класса для формирования вашей HTML-формы.

Проще говоря, вы можете понимать Bootstrap как интерфейсную веб-инфраструктуру, созданную Twitter для более быстрого создания веб-приложений, реагирующих на запросы устройств. Bootstrap также можно понимать в основном как набор классов CSS, которые определены в нем, и которые можно просто использовать напрямую. Он использует CSS, javascript, jQuery и т. Д. В фоновом режиме для создания стиля, эффектов и действий для элементов Bootstrap.

Возможно, вы знаете, что мы используем CSS для стилизации элементов веб-страницы, а также создаем классы и назначаем классы элементам веб-страницы, чтобы применять к ним стиль. Здесь Bootstrap упрощает проектирование, поскольку нам нужно только включить файлы Bootstrap и упомянуть предопределенные имена классов Bootstrap для элементов нашей веб-страницы, и они будут автоматически стилизованы через Bootstrap. Благодаря этому мы избавляемся от написания собственных CSS-классов для стилизации элементов веб-страницы. Самое главное, что Bootstrap разработан таким образом, что делает ваше устройство веб-сайта отзывчивым, и это является его главной целью. Другими альтернативами Bootstrap могут быть - Foundation , Materialise и т. Д. Фреймворки.

Bootstrap освобождает вас от написания большого количества CSS-кода, а также экономит ваше время, которое вы тратите на разработку веб-страниц.

Bootstrap - это CSS, JavaScript-фреймворк с открытым исходным кодом, изначально разработанный для твиттер-приложений командой разработчиков и разработчиков. Затем они выпустили его для открытого источника. Будучи давним пользователем Twitter bootstrap, я считаю, что он один из лучших для разработки мобильных готовых адаптивных сайтов. Многие плагины CSS и Javascript доступны для разработки вашего сайта в кратчайшие сроки. Это своего рода быстрый дизайн шаблона. Некоторые люди жалуются на то, что загрузочные CSS-файлы тяжелые и требуют времени для загрузки, но эти заявления делают ленивые люди. Вам не нужно хранить полный файл bootstrap.css на своем веб-сайте. У вас всегда есть возможность удалить стили для компонентов, которые вам не нужны для вашего сайта. Например, если вы используете только базовые компоненты, такие как формы и кнопки, вы можете удалить другие компоненты, такие как аккордеоны и т. д., из основного файла CSS. Чтобы начать копаться в начальной загрузке, вы можете скачать основные шаблоны и компоненты сСайт getbootstrap и пусть магия случится.

Отказ от ответственности: я использовал бутстрап в прошлом, но я никогда не понимал, что это на самом деле раньше, это описание исходит от меня, приходя к моему собственному определению, сегодня. И я знаю, что bootstrap v4 отсутствует, но я обнаружил, что документация по bootstrap v3 намного понятнее, поэтому я использовал это. Библиотека не собирается принципиально менять то, что она предоставляет.

кратко

Bootstrap - это коллекция файлов CSS и javascript, которая обеспечивает красивый внешний вид по умолчанию для стандартных элементов HTML и несколько общих объектов веб-содержимого, которые не являются стандартными элементами HTML.

Чтобы провести аналогию, это похоже на применение темы в PowerPoint, но для вашего веб-сайта: она выглядит довольно красиво без особых начальных усилий.

Из чего он состоит?

Официальная документация v3 делится на три раздела:

• CSS
• Компоненты
• Javascript

Они примерно соответствуют трем основным вещам, которые обеспечивает Bootstrap:

• Простые CSS-файлы, которые оформляют стандартные HTML-элементы. Итак, Bootstrap делает ваши стандартные элементы красивыми. например, HTML:<input class="btn btn-default" type="button" value="Input">Click me</button>
• CSS-файлы, которые используют стили для стандартных элементов HTML, чтобы превратить их во что-то, что не является стандартным элементом HTML, но является стандартным элементом Bootstrap (например, https://getbootstrap.com/docs/3.3/components/#progress ). Таким образом, Bootstrap расширяет список «стандартных» веб-элементов визуально согласованным способом. например, HTML:<span class="glyphicon glyphicon-align-left"></span>
• Классы CSS разработаны с учетом jQuery. Внутри Bootstrap использует селекторы jQuery для изменения стилей на лету и взаимодействия с DOM, и, таким образом, предоставляет пользователю те же возможности. Я считаю, что это требует большего объяснения, так что ...

Использование Javascript / jQuery

Bootstrap немного расширяет jQuery . Если мы посмотрим на исходный код, то увидим, что он использует jQuery для таких вещей: настройка слушателей для события keydown для взаимодействия с выпадающими списками . Он выполняет всю эту настройку jQuery, когда вы импортируете ее в свой <script>тег, поэтому вам нужно убедиться, что jQuery загружен до загрузки Bootstrap.

Кроме того, он более тесно связывает JavaScript с DOM, чем простой jQuery, предоставляя интерфейс класса javascript . например, переключение кнопки программно . Помните, что CSS просто определяет, как выглядит вещь, поэтому основная задача этих операций будет заключаться в изменении того, какие классы CSS применяются к элементу в данный момент времени. Такого рода изменения, основанные на пользовательском вводе, не могут быть сделаны простым CSS.

Существуют и другие стандартные взаимодействия с пользователем, к которым мы, жители Интернета, привыкли, и которые не охватываются CSS. Например, щелкнув ссылку, которая прокручивает вас вниз по странице, вместо смены страниц. Bootstrap предлагает вам простой способ реализовать это поведение на вашем собственном веб-сайте.

стандарты

Я упомянул слово «стандарт» здесь много, и на то есть веские причины. Я думаю, что лучшее, что предлагает Bootstrap, это набор красивых стандартов. Вы можете изменять тему по умолчанию столько раз, сколько захотите, но это лучшая базовая линия, чем необработанные html, css и js. И вот почему это называется «рамки».

Различные веб-браузеры имеют разные стили по умолчанию и могут работать по-разному, и для них нужны разные префиксы CSS и тому подобное. Основным преимуществом Bootstrap является то, что он гораздо надежнее, чем сам кроссбраузерный сценарий (у вас, конечно, будут проблемы, но это проще).

Я думаю, что Bootstrap предпочтительнее, когда gulp и babel не были так популярны. Глядя на Bootstrap, похоже, пришло время, когда все собрали свой javascript. Это по-прежнему актуально, но теперь вы можете получить некоторые преимущества из других источников.

_{Более поздние версии CSS позволили вам определять переходы между этими статическими списками по мере их изменения. Оригинальная версия Bootstrap на самом деле предшествовала широкому распространению этой возможности в браузерах, поэтому у них все еще есть свои собственные классы анимации. Есть несколько кусков Bootstrap, которые похожи на это: другие вещи возникли вокруг этого и делают его немного избыточным.}

Bootstrap - это HTML, CSS, JS-фреймворк со многими компонентами, которые позволяют очень быстро создавать красивые и современные веб-сайты или веб-приложения.

Следующие веб-сайты содержат примеры, элементы и компоненты многократного использования, которые вы можете интегрировать в свой проект с помощью платформы начальной загрузки

bootsnipp.com

startbootstrap.com

bootdey.com

Bootstrap - самая популярная и широко используемая в мире платформа с открытым исходным кодом для разработки с использованием HTML, CSS и JS. Это интерфейсная часть HTML. Bootstrap помогает в создании адаптивных веб-сайтов или веб-приложений и 12-колоночной грид-системы, которая помогает динамически настраивать веб-сайт в соответствии с подходящим разрешением экрана. Текущая версия bootstrap - 4.3.1, и команда bootstrap также официально анонсировала версию Bootstrap 5 и меняет ее, например, удаляя jquery из bootstrap. Некоторые из основных причин, почему фреймворк начальной загрузки является наиболее предпочтительным,

• Это легко использовать
• Bootstrap имеет большую поддержку сообщества
• Настройки могут быть сделаны легко
• Увеличивает скорость разработки

• Ответная реакция

  Для более подробной информации, вы можете проверить официальный сайт: https://getbootstrap.com/

Источник: https://vmokshagroup.com/blog/bootstrap-advantages/

По сегодняшним стандартам и веб-терминологии, я бы сказал, что Bootstrap на самом деле не фреймворк , хотя это то, что утверждает их веб-сайт. Большинство разработчиков рассматривают платформы Angular, Vue и React, в то время как Bootstrap обычно называют « библиотекой». ».

Но, если быть точным и правильным, Bootstrap - это коллекция мобильных приложений для разработки CSS, JavaScript и HTML с открытым исходным кодом. предназначенная для предоставления средств для разработки часто используемых веб-элементов значительно быстрее (и разумнее), чем кодирование их с нуля. ,

Несколько основных принципов, которые способствовали успеху Bootstrap:

• это многоразово
• он гибок (т. е. позволяет легко настраивать системы сетки, изменять точки останова реагирования, размеры желобов столбцов или цвета состояний; как правило, большинство настроек контролируются глобальными переменными)
• это интуитивно понятно
• он модульный (и JavaScript, и (S) CSS используют модульный подход; можно легко найти руководства по созданию пользовательских сборок Bootstrap, включающие только те части, которые им нужны)
• имеет кросс-браузерную совместимость выше среднего
• веб-доступ из коробки (программа для чтения с экрана готова)
• это довольно хорошо задокументировано

Он содержит шаблоны дизайна и функциональные возможности для: макета, типографики, форм, навигации, меню (включая раскрывающиеся списки), кнопок, панелей, значков, модальных элементов, оповещений, вкладок, складных элементов, аккордеонов, каруселей, списков, таблиц, нумерации страниц, медиа-утилит (включая встраивание, замена изображений и изображений), утилиты реагирования, утилиты на основе цвета (первичные, вторичные, опасность, предупреждение, информация, светлые, темные, приглушенные, белые), другие утилиты (положение, поле, отступы, размеры, интервал, выравнивание, visibility), scrollspy, аффикс, всплывающие подсказки, всплывающие окна.

По умолчанию он основан на jQuery, но вы найдете бесплатные варианты jQuery на основе каждой из современных популярных прогрессивных сред JavaScript:

• React-Bootstrap - Реактивная Bootstrap
• BootrapVue - Boosttrap с поддержкой Vue
• ng-bootstrap - Bootstrap с угловым питанием

Работа с Bootstrap в значительной степени зависит от применения определенных классов (или, в зависимости от среды JS: директив, методов или атрибутов / свойств) и от использования определенных структур разметки.

Документация обычно содержит общие примеры, которые можно легко скопировать и использовать в качестве начальных шаблонов.

Еще одним преимуществом разработки с помощью Bootstrap является его активное сообщество, переведенное на множество тем, шаблонов и плагинов, доступных для него, большинство из которых с открытым исходным кодом (то есть: календари, средства выбора даты / времени, плагины для управления табличным контентом, такие как а также библиотеки / коллекции компонентов, созданные на основе Bootstrap, такие как MDB, шаблоны портфолио, шаблоны администратора и т. д.)

Наконец, что не менее важно, Bootstrap хорошо поддерживается на протяжении многих лет, что делает его надежным выбором для готовых приложений / веб-сайтов.