Bootstrap: Быстрое создание современных сайтов

Тимур Машнин

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

Значки и метки

С помощью контейнера <span class=«badge»> [число] </span> Bootstrap позволяет добавить количество сообщений, комментарий, обновлений и др.

<a href=«#»> Comments <span class=«badge»> 10 </span> </a>

<button type=«button» class=«btn btn-success»> Messages <span class=«badge»> 3 </span> </button>

<a href=«#»> Message <span class=«badge»> new 10 </span> </a>

Класс. label, совместно с классами. label-default,.label-primary,.label-success,.label-info,.label-warning,.label-danger в контейнере <span> позволяет добавить разноцветные метки.

<span class=«label label-default»> Default Label </span>

<span class=«label label-primary»> Primary Label </span>

<h3> <span class=«label label-success»> Success Label </span> </h3>

<span class=«label label-info»> Info Label </span>

<span class=«label label-warning»> Warning Label </span>

<span class=«label label-danger»> Danger Label </span>