Что такое Bootstrap?

Twitter Bootstrap это замечательный фреймворк для создания современных, кросс-браузерных и стандартизованных интерфейсов. Продуманная структура кода HTML, JavaScript и CSS дает вам возможность создавать множество самых разнообразных элементов интерфейса и сетку сайта.

Свидетельством того, что Bootstrap это очень удачная разработка, является его непрерывно растущая популярность. Нынешний уровень развития этого фреймворка уже позволяет полностью создать любой web-интерфейс. Именно поэтому мы недавно презентовали полностью адаптивные шаблоны Bootstrap. Давайте подробнее разберемся, что же представляет собой Bootstrap с точки зрения разработчика и какие возможности дает. Для

Bootstrap использует новейшие возможности HTML и CSS. Они могут не поддерживаться старыми версиями браузеров. В первую очередь будьте осторожны с IE7 и 8. Начиная с версии Bootstrap 2 все макеты создаваемые с его помощью стали адаптивными.

Основным преимуществом использования Bootstrap является Less - динамический язык стилей, существенно расширяющий возможности CSS. С его помощью разработчики могут создавать переменные, вложенные колонки, управлять цветами и т.д. Так же Less очень легко пользоваться. Достаточно просто вставить код в страницы.

Основные инструменты Bootstrap:

• Сетки — заранее заданные размеры колонок, которые можно сразу же использовать, например ширина колонки 90px относится к классу .span2, который мы можем использовать в CSS описании документа;
• Шаблоны — фиксированный или резиновый шаблон документа;
• Типографика — описания шрифтов, определение некоторых классов для шрифтов таких как код, цитаты и т.п.;
• Медиа — представляет возможности управления изображениями и видео;
• Таблицы — средства оформления таблиц, вплоть до добавления функциональности для обеспечения возможности сортировки;
• Формы — классы для оформления не только форм, но и некоторых событий происходящих с ними;
• Навигация — классы оформления для вкладок, страниц, меню и панелей инструментов;
• Алерты — оформление диалоговых окон, подсказок и всплывающих окон.

Вы можете ознакомиться со всеми возможностями Bootstrap на русском.

Сайты на Bootstrap

* * *

* * *

Шаблоны Bootstrap

* * *

* * *

* * *

Для того, что бы оценить все возможности Bootstrap в шаблонах от TemplateMonster вы можете скачать бесплатный пример такого шаблона.