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

Тимур Машнин

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

Изображения

Bootstrap предлагает три вида формы изображений:

Класс. img-rounded — прямоугольник с закругленными углами.

<img src="sample.jpg» class=«img-rounded» alt=«»>

Класс. img-circle — изображение в круге с радиусом 500px.

<img src="sample.jpg» class=«img-circle» alt=«»>

Класс. img-thumbnail — изображение в прямоугольнике с отступом и серой рамкой.

<img src="sample.jpg» class=«img-thumbnail» alt=«»>

Для того чтобы изображение автоматически подгонялось под размер экрана, используется класс. img-responsive, который применяет к изображению CSS стиль display: block; max-width: 100%; height: auto;.

<img class=«img-responsive» src="sample.jpg» alt=«»>