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

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

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

5 лет назад

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

8 лет назад

7 Основных инструментов для Frontend веб-разработки сайтов в 2023 году

2 года назад

0 0 голоса

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

Подписаться

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

Уведомить о

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

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

Label

{} [+]

Имя*

Email*

Веб-сайт

**ссылки nofollow

Δ

Label

{} [+]

Имя*

Email*

Веб-сайт

**ссылки nofollow

Δ

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

Старые

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

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

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