How best to mark up blocks of different heights in Bootstrap (layout for Wordpress)?

Warning: count(): Parameter must be an array or an object that implements Countable in /home/styllloz/public_html/qa-theme/donut-theme/qa-donut-layer.php on line 274
0 like 0 dislike
Sorry for my amateurish question:

Is the site layout such a plan:5ae2dff5e8079424818578.jpeg

All the blocks located on the site grid, each block height is equal to or x, or 2x, or 3x, the width is also - y, or 2y.

Trying to make Bootstrap, but because of the altitude, bootstrap locates the 4th unit is not under 2, and under the first with a new line.

Tell me how to solve this problem?
Thanks in advance!

Update-addition to the question: what kind of layout would be more appropriate, given that in the future the layout will be migrated to Wordpress and to allow the user himself to add the blocks to your choice with single or double height/width?
by | 33 views

1 Answer

0 like 0 dislike
Try to break it into multiple row


Related questions

0 like 0 dislike
3 answers
0 like 0 dislike
1 answer
0 like 0 dislike
2 answers
0 like 0 dislike
3 answers
asked Apr 11, 2019 by vik7335
110,608 questions
257,187 answers
40,796 users