Поиск по сайту:
Чем наполнена посуда, то и выльется оттуда (Ш. Руставели).

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

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...
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.

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

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

0 0 голоса
Рейтинг статьи
Подписаться
Уведомить о
guest

**ссылки nofollow

2 комментариев
Старые
Новые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии
Виталий Бриль

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

Сергей Брин

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

Спасибо!

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