Как закруглить углы карты (тела и изображения) в Bootstrap 4?CSS

Разбираемся в CSS
Гость
Как закруглить углы карты (тела и изображения) в Bootstrap 4?

Сообщение Гость »


Я пытаюсь создать адаптивный веб-интерфейс для макета «приложения с рецептами». В настоящее время я использую начальную версию 4, и у меня возникли проблемы с настройкой элемента карты в соответствии с моим каркасом.

Карточка каркаса: Изображение

Текущая карта в браузере: Изображение

Мне удалось «исправить» радиус границы изображения моей карты с помощью специального CSS

.img-rounded{ радиус границы: 20%; } Однако мне все равно нужно сделать элемент карточки закругленным (как на каркасном изображении). Как лучше всего это сделать?

HTML карты:


Изображение
Название рецепта Небольшой пример текста, который будет основываться на названии рецепта и составлять основную часть содержимого карточки.
Открыть Изменить Удалить

Вернуться в «CSS»