Div не подстраивается под размер контента

Question

У меня есть div, и когда я использую Chrome DevTools, div (выделен синим цветом) меньше его содержимого.Черная линия показывает фактическую высоту div, в то время как красная линия показывает, каким должен быть div.

Это мой код :

<div class="col-md-12">
    <div id="survey" class="survey"></div>
</div>

Я думаю, что это вызвано свойством flex моих карт, но я не уверен.

Answer 1

использовать интервал начальной загрузки 4 m-0

<div class="col-md-12 m-0">

        <div id="survey" class="survey">

        </div>
</div>

Подробнее о bootstrap-spacing: https://getbootstrap.com/docs/4.0/utilities/spacing/