В этой статье описывается поддержка 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">

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


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




Cookies make it easier for us to provide you with our services. With the usage of our services you permit us to use cookies.
Ok