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">

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

Как пользоваться bootstrap Glyphicons

3158 дней назад

Быть веб-разработчиком в 2020 – Часть 2. Выбор правильной структуры CSS

2014 дней назад

Показать пост в модальном окне в WordPress

3073 дня назад

0 0 голоса

Рейтинг статьи

Подписаться

авторизуйтесь

Уведомить о

новых последующих комментарияхновых ответах на мои комментарии

Я разрешаю использовать свой email и отправлять уведомления о новых комментариях и ответах (вы cможете отказаться от подписки в любое время).

Label

{} [+]

Имя*

Email*

Веб-сайт

Δ

Label

{} [+]

Имя*

Email*

Веб-сайт

Δ

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

Старые

Новые Популярные

Межтекстовые Отзывы

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

Виталий Бриль

6 лет назад

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

0

Ответить

Сергей Брин

1 год назад

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

0

Ответить