Fullscreen bootstrap grid with different sizes

548 Views Asked by Sam At 15 April 2025 at 23:27

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

There are 1 best solutions below

ScaisEdge On 25 June 2015 at 14:50

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