Пытаться сделать все сразу — значит ничего не сделать (Г. Лихтенберг).
Эта глава охватывает поддержку изображений в 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.
Если статья понравилась, то поделитесь ей в социальных сетях: