Div Fill in the blank [duplicate]

Question

Div Fill in the blank [duplicate]

Navigation

#1 by (2 votes)

0

Hello, I need a help to align div.

As you can see in the image:

Thedivdoesnotoccupythisblankspace,butwantedittooccupythisspace,thatnoteventhetopdivisnexttoanother.

Thetablesaredistributedasfollows:

Thank you in advance!

html css materialize

asked by anonymous 22.10.2016 / 21:26

1 answer

Difference between hours without taking into account the date Http post method, date parameter is always empty (Angularjs + Laravel 5.2)

score 2 · Answer 1

MANSORY LAYOUT
What you're trying to create is a mosaic , known in English as Mansory Layout , you can even use the Mansory.js .

Considering the use of frameworks, I would suggest using the BOOTSTRAP4 BOOTSTRAP4 or BULMA , both have their flexbox-based grid, including Bulma has classes developed just for creating Mansory Layouts ... if it is very damaging to your project to modify both the structure and everything else, you can even create your mansory using FLEXBOX .

I made a JSFIDDLE with an example solution using flexbox css .

BOOTSTRAP
If you still prefer to use Bootstrap 3 , I strongly advise grouping each row of tables within a <div class="row"></div> tag, which is the simplest way to solve your problem, even though it is not the solution perfect.