html - Fullscreen bootstrap grid with different sizes -

i'm trying create fullscreen bootstrap grid different heights (33.33%, 66.66% or 100%) , different widths (20%, 40%, 60%, 80%, 100%).

the problem because of height difference gaps occur.

enter image description here

i found couple of solutions none of them realy working should: wrong margins, cannot fullscreen,...

my result (from highest rated anwer):

enter image description here

in way you're using can not result shown in first box. achieve need organize div columns , not rows.

here's example perhaps can help

Alconcel