Twitter Bootstrap — это элегантный, интуитивно простой и мощный фреймворк. Он включает в себя HTML и CSS шаблоны дизайна для типографии, веб-формы, кнопки, метки и другие компоненты для создания веб-интерфейса.
Писать сайт с нуля очень сложно. Даже матёрые разработчики, хорошо знающие такие языки, как JavaScript, HTML и CSS, сталкиваются с различного рода проблемами во время рабочего процесса. К счастью, разработчики и дизайнеры Twitter решили внести свой вклад в решение данной проблемы и запустили фрэймворк под названием Bootstrap, который предназначен для упрощения жизни дизайнеров и веб-девелоперов.
В этой статье мы познакомимся с Bootstrap и попробуем на практике некоторые компоненты, для того чтобы убедиться, что данный фрэймворк действительно упрощает работу над созданием сайта.
Пробуем Bootstrap
Bootstrap — это очень мощный фрэймворк, оснащённый большим арсеналом готовых компонентов, которые нужны практически при разработке любого сайта:
- CSS сетка для построения адаптивного веб-дизайна
- CSS код оформления текста, кнопок, форм, таблиц и изображений
- Элементы пользовательского интерфейса: навигация, процент загрузки, всплывающие окна, постраничное разбиение контента, “хлебные крошки” и так далее. Все данные элементы также красиво оформлены CSS правилами
- jQuery плагины для использования интерактивных элементов сайта
Для дальнейшей работы вам необходимо скачать Bootstrap и подключить файлы библиотеки:
Теперь можно работать!