Как в Bootstrap5 блок на высоту радительского блока (h-100не то)?

Question

Собственно вопрос в заголовке. Хочу на высоту родителя растянуть блок. bootsrap предлагает класс h-100 - который абсолютно работает не так как надо, ибо есле его применить к блоку То отступы margin работать не будут Соответственно блок будет растянут больше чем нужно. https://jsfiddle.net/e9vjthz0/ Обратите внимание что второй блок больше на 5px что является отступом у второго блока. Не смотря на то что у обоих блоков отступы одинаковые. Как это исправить?

.block_one{
  background: #8dAAAC;
  margin-bottom: 5px;
}
.block_two{
border-style: solid;
border-width: 3px;
color: #005e4e;
margin-bottom: 5px;
background: #8dAACC;
border-color: #8d29CC;
}

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
    <div class="row">
        <div class="col-sm-6">
        <div class="block_one">
          Текст<br>
          Текст<br>
          Текст<br>
          Текст<br>
          Текст<br>
          Текст<br>
          Текст<br>
        </div>
        </div>
        <div class="col-sm-6">
         <div class="block_two h-100 d-flex align-items-center">
          Супер текст
          </div>
        </div>
    </div>
</div>

БЛОГ НА HUSL

Как в Bootstrap5 блок на высоту радительского блока (h-100не то)?

Ответы (0 шт):