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

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

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

6 декабря, 2022

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

30 марта, 2020

Вопросы для собеседования по Bootstrap

13 октября, 2023

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

4 июля, 2021