Отказ от ответственности: я использовал бутстрап в прошлом, но я никогда не понимал, что это на самом деле раньше, это описание исходит от меня, приходя к моему собственному определению, сегодня. И я знаю, что bootstrap v4 отсутствует, но я обнаружил, что документация по bootstrap v3 намного понятнее, поэтому я использовал это. Библиотека не собирается принципиально менять то, что она предоставляет.
кратко
Bootstrap - это коллекция файлов CSS и javascript, которая обеспечивает красивый внешний вид по умолчанию для стандартных элементов HTML и несколько общих объектов веб-содержимого, которые не являются стандартными элементами HTML.
Чтобы провести аналогию, это похоже на применение темы в PowerPoint, но для вашего веб-сайта: она выглядит довольно красиво без особых начальных усилий.
Из чего он состоит?
Официальная документация v3 делится на три раздела:
Они примерно соответствуют трем основным вещам, которые обеспечивает 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, которые похожи на это: другие вещи возникли вокруг этого и делают его немного избыточным.