Bootstrap - Изображения

В этой статье описывается поддержка Bootstrap для изображений. Bootstrap предоставляет три класса, которые могут использоваться для применения некоторых простых стилей к изображениям -

• .img -rounded - добавляет border-radius : 6px, чтобы придать изображению закругленные углы.
• .img -circle - делает все изображение круглым, добавляя граничный радиус : 500 пикселей .
• .img -thumbnail - добавляет немного дополнений и серой границы -

Следующий пример демонстрирует это -

<img src = "/images/download.png" class = " img-rounded">

<img src = "/images/download.png" class = " img-circle">

<img src = "/images/download.png" class = " img-thumbnail">

Посмотреть результат

Понравилась статья? Поделитесь ею с друзьями и напишите отзыв в комментариях!