Angular Bootstrap 4 модальное содержание жидкости

Question

Я пытаюсь разместить список мультимедиа внутри bootstrap card. Однако, когда я пытаюсь увеличить масштаб браузера, список медиа <ul/> продолжает выходить из modal-body, который также выходит за пределы bootstrap card.

Как мне соответствовать списку носителей <ul/> в card, который также не go из modal-body. в основном я хочу держать его в границах модального тела либо при увеличении, либо при 100% просмотре. Пожалуйста, см. Образец изображения ниже.

Кроме того, вот мой образец кода

Answer 1

Эта часть кода

<div class="modal-body px-0 py-0" style="height:90vh">..

Зачем вам нужна высота c? Я вижу, есть разница между прокруткой модального элемента вниз или прокруткой вниз внутри модального элемента. Но физический результат тот же - клиент получает информацию. Модальные элементы BS начинают действовать странно с высотой c. Просто попробуйте не использовать его или попробуйте добавить

.modal-body .row {overflow-y: auto;}

и посмотрите, что произойдет. Но главная проблема - это stati c height, например style = "height: 90vh" или class = "h-100".