Hello, I need a help to align div.
Thedivdoesnotoccupythisblankspace,butwantedittooccupythisspace,thatnoteventhetopdivisnexttoanother.
Thetablesaredistributedasfollows:
Thank you in advance!
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.