Богатая душевная жизнь вызывает опустошение в организме (Авессалом Подводный).

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

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

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

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

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

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

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

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

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Если статья понравилась, то поделитесь ей в социальных сетях:

Читайте также

2 комментариев

Виталий Бриль 14.06.2019 в 20:13

Какой-то бред… У меня не работает и всё запутанно рассказано.
Интересней было бы привести пример в стиле ООП

Сергей Брин 11.08.2024 в 22:25

Нормально всё расписано.
В моей компании многие используют эту статью.

Оставить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Загрузка...

Спасибо!

Теперь редакторы в курсе.

Прокрутить страницу до начала