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

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

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


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

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

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

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

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

HTML карты:


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

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

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