bootstrap 4 row height

Question

I try to have something like this with bootstrap 4

with equal size in the height of green rows and red row

Answer 1

Use the sizing utility classes...

• h-50 = height 50%
• h-100 = height 100%

---

http://www.codeply.com/go/Y3nG0io2uE

Or, for an unknown number of child columns, use flexbox and the cols will fill height. See the d-flex flex-column on the row, and h-100 on the child cols.

https://www.codeply.com/go/tgzFAH8vaW