Bootstrap as 4 make all the blocks the same height? New FLEX grid?

Good day!
Need help with a new bootstrap grid 4, as sensible documentation in Russian I have not found, decided to turn to you.
Let's say there is a grid:
<div class="row">
<div class="col-md-6">
<div class="card">
 <div class="card-body">
 This is some text within a card block.
</div>
</div>
</div>
<div class="col-md-6">
<div class="card">
 <div class="card-body">
 This is some text within a card block. This is some text within a card block.
</div>
</div>
</div>
</div>


Mesh the idea displays a 2 card panels in two rows.
The problem is that if the content of one panel is bigger than the other they are not nice one above the other, I heard that the new bootstrap grid it is possible to change. Please tell me how?
Thanks in advance!
June 14th 19 at 18:04
1 answer
June 14th 19 at 18:06
Solution
Solved the problem myself...
.row-flex .row-flex > div[class*='col-'] { 
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 flex:1 1 auto;
}

.row-flex-wrap {
 -webkit-flex-flow: row wrap;
 align-content: flex-start;
flex:0;
}

.row-flex > div[class*='col-'] {
 margin:-.2px; 
}

Find more questions by tags CSSFlexboxHTML