Компьютер позволяет решать все те проблемы, которые до появления компьютера не существовали. (Неизвестный автор)

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.