Fullscreen bootstrap grid with different sizes

Question

I'm trying to create a fullscreen bootstrap grid with different heights (33.33%, 66.66% or 100%) and different widths (20%, 40%, 60%, 80%, 100%).

The problem is that because of the height difference gaps occur.

enter image description here

I found a couple of solutions already but none of them are realy working like they should: wrong margins, cannot get it fullscreen,...

My result (from highest rated anwer):

enter image description here

score 2 · Answer 1 · answered Jun 25 '15 at 14:50

2

In the way you're using the you can not get the result shown in the first box. to achieve this need to organize your div for columns and not by rows.

Here's an example that perhaps you can help

answered Jun 25 '15 at 14:50

ScaisEdge

1 Answers1