Bootstrap - Обзор

Что такое Twitter Bootstrap?

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

История

Bootstrap был разработан Марком Отто и Джейкобом Торнтоном в Twitter . Он был выпущен как продукт с открытым исходным кодом в августе 2011 года на GitHub.

Зачем использовать Bootstrap?

  • Mobile first approach - Bootstrap 3, фреймворк состоит из стилей Mobile first по всей библиотеке, а не из отдельных файлов.

  • Browser Support - Поддерживается всеми популярными браузерами.

  • Easy to get started- Только со знанием HTML и CSS любой может начать работу с Bootstrap. Также на официальном сайте Bootstrap есть хорошая документация.

  • Responsive design- Адаптивный CSS Bootstrap подстраивается под настольные компьютеры, планшеты и мобильные телефоны. Подробнее об адаптивном дизайне читайте в главе « Адаптивный дизайн Bootstrap».

  • Предоставляет чистое и единообразное решение для создания интерфейса для разработчиков.

  • Он содержит красивые и функциональные встроенные компоненты, которые легко настроить.

  • Он также обеспечивает настройку через Интернет.

  • И, что лучше всего, это открытый исходный код.

Что входит в пакет Bootstrap?

  • Scaffolding- Bootstrap предоставляет базовую структуру с сеткой, стилями ссылок и фоном. Это подробно описано в разделеBootstrap Basic Structure

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

  • Components- Bootstrap содержит более десятка многократно используемых компонентов, созданных для отображения значков, раскрывающихся списков, навигации, предупреждений, всплывающих окон и многого другого. Это подробно описано в разделеLayout Components.

  • JavaScript Plugins- Bootstrap содержит более десятка настраиваемых плагинов jQuery. Вы можете легко включить их все или по одному. Это подробно описано в разделеBootstrap Plugins.

  • Customize - Вы можете настроить компоненты Bootstrap, переменные LESS и плагины jQuery, чтобы получить свою собственную версию.