Иного прогуливающегося старца смело уподоблю песочным часам (К. Прутков).

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

1 мин для чтения

Добавить в избранное

Главное меню » Учебное пособие по framework Bootstrap » Bootstrap – Изображения

(1 оценок, среднее: 5,00 из 5)

Загрузка...

17 мая 2017

Эта глава охватывает поддержку изображений в 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.

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

Bootstrap, Уроки по Bootstrap Bootstrap, Учебник по Bootstrap Кол-во комментариев: 0

0 0 голоса

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

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

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

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

ИТ Блог. Администрирование серверов на основе Linux (Ubuntu, Debian, CentOS, openSUSE)

ИТ Блог. Создание сайтов с применением Bootstrap

Поиск по сайту:

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

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

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам:

Ваш комментарий (необязательно):

ИТ Блог. Администрирование серверов на основе Linux (Ubuntu, Debian, CentOS, openSUSE)

ИТ Блог. Создание сайтов с применением Bootstrap

Поиск по сайту:

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

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

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

Быть веб-разработчиком в 2020 — Часть 1: CSS или Bootstrap?

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

Как использовать Bootstrap с WordPress для создания своей темы?

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

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам:

Ваш комментарий (необязательно):