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

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