Відмова: Я раніше використовував завантажувальний інструмент, але ніколи не оцінював те, що це насправді раніше, цей опис походить від мене, коли я прийшов до мого власного визначення, сьогодні. І я знаю, що 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 для таких дій: налаштувати слухачів на події клавіш, щоб взаємодіяти зі спадними списками . Він робить усі ці налаштування jQuery, коли ви імпортуєте їх у свій<script> тег, тому вам потрібно переконатися, що jQuery завантажений до того, як Bootstrap стане.
Крім того, він зв'язує javascript з DOM щільніше, ніж звичайний jQuery, забезпечуючи інтерфейс класу javascript . наприклад, перемикання кнопки програмно . Пам’ятайте, що CSS просто визначає, як річ виглядає, тому основною задачею цих операцій буде, як правило, модифікація класів CSS, які застосовуються до елемента в той момент. Такі зміни, засновані на введенні користувача, неможливо здійснити за допомогою простого CSS.
Існують і інші стандартні взаємодії з користувачем, до якого ми звикли користуватися Інтернетом, які не охоплені CSS. Наприклад, натиснувши посилання, яке прокручує вас вниз, а не змінювати сторінки. Одна з речей, яку дає вам Bootstrap - це простий спосіб реалізувати цю поведінку на власному веб-сайті.
Стандарти
Тут я багато згадував слово "стандартний", і це з поважних причин. Я думаю, що найкраще, що надає Bootstrap, - це набір гарних стандартів. Ви можете змінювати тему за замовчуванням скільки завгодно, але це краща базова лінія, ніж сировина html, css та js. І саме тому його називають "рамкою".
Різні веб-браузери мають різні стилі за замовчуванням і можуть діяти по-різному, і потрібні різні префікси CSS та подібні речі. Головною перевагою Bootstrap є те, що він набагато надійніше, ніж писати все те, що крос-браузер самостійно (у вас все одно будуть проблеми, я впевнений, але це простіше).
Я думаю, що Bootstrap віддавали перевагу більше, коли глот і джебла були не такими популярними. Дивлячись на Bootstrap, здається, він походить із часу, перш ніж усі склали свій JavaScript. Це все ще актуально, але зараз ви можете отримати деякі переваги з інших джерел.
Більш новітні версії CSS дозволили вам визначати переходи між цими статичними списками під час їх зміни. Оригінальна версія Bootstrap насправді передує широкому розповсюдженню цієї можливості в браузерах, тому у них все ще є власні класи анімації. Є кілька шматочків Bootstrap, подібних до цього: що інший матеріал придумав навколо нього, і він виглядає трохи зайвим.