Что такое Bootstrap

Создан в застенках компании Twitter, сначала использовался для собственных продуктов и назывался «Twitter Bootstrap», а позже был выпущен на волю. За это у него забрали слово Twitter из названия.

Bootstrap — это CSS/HTML фреймворк для создания сайтов. Другими словами, это набор инструментов для вёрстки. В нём есть ряд преимуществ, благодаря которым BS считается самым популярным из себе подобных.

Преимущества бутстрапа:
Скорость работы — благодаря множеству готовых элементов вёрстка с бутстрапом занимает значительно меньше времени;
Масштабируемость — добавление новых элементов не нарушает общую структуру;
Лёгкая настраиваемость — редактирование стилей производится путём создания новых css-правил, которые исполняются вместо стандартных. При этом не требуется использовать атрибуты типа «!important»;
Большое количество шаблонов;
Огромное сообщество разработчиков;
Широкая сфера применения — Bootstrap используется в создании тем для практически любой CMS (OpenCart, Prestashop, Magento, Joomla, Bitrix, WordPress и любые другие), в том числе для одностраничных приложений.
Особой популярностью пользуется Bootstrap для создания одностраничников или «лендингов» (landing page).

Уроки Bootstrap Верстка | #1.Введение
Уроки Bootstrap Верстка | #2. Система сетки. Grid
Уроки Bootstrap Верстка | #3. Настройка сетки
Уроки Bootstrap 3 Верстка | #4. Как сделать адаптивное меню
Уроки Bootstrap 3 Верстка | #5. Положение меню и как сделать dropdown меню
Уроки Bootstrap 3 Верстка | #6. Как сделать слайдер
Уроки Bootstrap 3 Верстка | #7. Что такое Glyphicons и как ими управлять
Уроки Bootstrap 3 Верстка | #8. Классы кнопок в бутстрап
Уроки Bootstrap 3 Верстка | #9. Группы кнопок в бутстрап
Уроки Bootstrap 3 Верстка | #10. Кнопки с выпадающим меню ( Dropdown menu)
Уроки Bootstrap 3 Верстка | #11. Как сделать вкладки табы (Tabs)
Уроки Bootstrap 3 Верстка | #12. Как сделать спойлер
Уроки Bootstrap 3 Верстка | #13. Как сделать аккордеон
Уроки Bootstrap 3 Верстка | #14. Как сделать модальное или диалоговое окно
Уроки Bootstrap 3 Верстка | #15. Как сделать форму регистрации или авторизации

Уроки Bootstrap 3 Верстка | #16. Создаем индикаторы прогресса
Уроки Bootstrap 3 Верстка | #17. Пагинация
Уроки Bootstrap 3 Верстка | #18. Как сделать tooltip и всплывающие окна
Уроки Bootstrap 3 Верстка | #19. Создаем breadcrumbs
Что нового в Bootstrap 4. Все изменения сетки
Bootstrap 4 - Обзор бета версии. Что ожидать от релиза?