Обзор, преимущества, аналоги

Обзор

Мы будем работать с Bootstrap версии 3. Четвертая версия выйдет совсем скоро, об этом говорит табличка на сайте http://getbootstrap.com, которая висит с середины 2015 года. Впоследствии вы сможете обновиться до нее самостоятельно.

Bootstrap представляет собой набор .js и .css файлов, в которых описаны классы для компонентов интерфейса сайта. Кроме того, Bootstrap включает набор иконочных шрифтов Glyphicon, но я предпочитаю отдельно подключать FontAwesome.

В процессе работы мы познакомимся со следующими частями интерфейса, которые описаны в Bootstrap:

• Стили. Сетка
• Стили. Контейнеры 
• Стили. Типография
• Стили. Код
• Стили. Таблицы
• Стили. Формы
• Стили. Кнопки
• Стили. Изображения 
• Стили. Вспомогательные классы
• Стили. Отзывчивые классы
• Компоненты. Иконки Glyphicon
• Компоненты. Группы кнопок и полей
• Компоненты. Табы
• Компоненты. Навигационные панели (меню)
• Компоненты. Хлебные крошки
• Компоненты. Переключатели страниц (пагинация)
• Компоненты. Лэйблы и бейджи
• Компоненты. Таблойды (Jumbotron)
• Компоненты. Заголовок страниц
• Компоненты. Миниатюры
• Компоненты. Оповещения
• Компоненты. Прогресс бары
• Компоненты. Медиа объекты
• Компоненты. Группированные списки
• Компоненты. Панели
• Компоненты. Встраиваемые объект
• JS. Модальные окна
• JS. Выпадающие меню
• JS. Табы
• JS. Подсказки
• JS. Слайдеры
• JS. Уведомления
• JS. Выдвижные контейнеры
• JS. Фиксированные контейнеры

Преимущества

Главное преимущество Bootstrap, что это на данный момент один из самых популярных фреймворков. Его освоение даст вам большой плюс к опыту, как разработчику шаблонов.

Вторым плюсом, вытекающим из высокой популярности Bootstrap, является большое коммьюнити, к которому вы можете обратиться с вопросом.

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

Но чтобы начать, пожалуй, ничего лучше Bootstrap не найти.

Аналоги

Как вы понимаете, количество CSS-фреймворков только растет с каждым годом. Поэтому приведу лишь некоторые наиболее популярные:

• Foundation
• Google Material design
• Responsive Grid System
• Susy
• Skeleton
• Semanticui 
• AngularMaterial

Если вам есть что добавить, пожалуйста, напишите об этом в комментариях.

Bootstrap примеры

В заключение давайте взглянем на несколько сайтов uCoz, которые были созданы с помощью Bootstrap.