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

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




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

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok