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

Изображения

Изображения

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

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

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

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

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

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

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

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

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

Оглавление книги