B
B
bormor2018-04-14 13:58:09
css
bormor, 2018-04-14 13:58:09

How to make such a layout using Bootstrap or float (screenshots and code blanks in the sandbox inside)?

The goal is this layout
5ad1de67e4c3a203669617.png
So far, it can only be implemented like this:
5ad1de79a7ebc508765916.pngjsbin template with float
jsbin template with Bootstrap
You can move block 3 up - through postion: relative. But there will be an unnecessary empty space at the bottom.
Adding "wrappers" by making a column on the left for blocks 1.3 and on the right for 2.4 does not work for me, because on the big screen to appear just such a block.
5ad1dea00a680380553396.png

Answer the question

In order to leave comments, you need to log in

2 answer(s)
A
Azim Kurt, 2018-04-14
@Symphony

https://masonry.desandro.com/

A
Alexey Golyagin, 2018-04-15
@webrevenue

A similar solution, also Masonry (other) + bootstrap + instructions in Russian

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question