Twitter bootstrap — что это такое?

twitterBootstrap Bootstrap - это элегантный, интуитивно простой и мощный фреймворк. Он включает в себя HTML и шаблоны дизайна для типографии, веб-формы, кнопки, метки и другие компоненты для создания веб-интерфейса.

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

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

Пробуем Bootstrap

Bootstrap — это очень мощный фрэймворк, оснащённый большим арсеналом готовых компонентов, которые нужны практически при разработке любого сайта:

  • CSS сетка для построения адаптивного веб-дизайна
  • CSS код оформления текста, кнопок, форм, таблиц и изображений
  • Элементы пользовательского интерфейса: навигация, процент загрузки, всплывающие окна, постраничное разбиение контента, “хлебные крошки” и так далее. Все данные элементы также красиво оформлены CSS правилами
  • плагины для использования интерактивных элементов сайта

Для дальнейшей работы вам необходимо скачать Bootstrap и подключить файлы библиотеки:

	<link href="css/bootstrap.css" rel="stylesheet" /><script type="text/javascript" src="js/bootstrap.min.js"></script>

Теперь можно работать!

Запись навигация

Top