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

0 like 0 dislike
18 views
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.
Example: https://www.codeply.com/go/dwyEv5gprw

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 | 18 views

1 Answer

0 like 0 dislike
Try to break it into multiple row
5ae2e4b32e158911503738.png

\rhttps://codepen.io/chefranov/pen/xjREEd
by

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,186 answers
0 comments
33,947 users