Geek asks and answers

Div alignment depends on avaialble space

I have a div alignment as shown below. I do not need a formal tabular layout. I need DIV5 to use the space below DIV2 (marked in red). I am using the Bootstrap structure and I need a general solution, so if I were to use this, the div elements would be aligned accordingly.

enter image description here

Kindly help. Thanks in advance.

+3
source share
2 answers

The bootstrap mesh click system is not a fluid, cascade, or whatever you want to call. I assume that you have two `.row 'divs with columns, and they only accept 12 columns per row, and that this is that the rows will not overlap.

- (http://masonry.desandro.com/) . > col-lg-12,

<div class="container">
    <div class="row">
        <div class="col-lg-12">
            Masonry grid plugin here.
        </div>
    </div>
</div>
+1

. .

http://jquery-plugins.net/mosaic-flow-pinterest-like-responsive-image-grid

<div class="mosaicflow__item"> ....just include all <img> inside this DIV
</div> .... <script src="../lib/mosaicflow/jquery.mosaicflow.min.js"></script>

0

More articles:


All Articles