Bootstrap grid panels rows whitespace

Asked Jun 04 '15 at 14:07

Active Jun 04 '15 at 18:36

Viewed 202 times

I have website with Bootstrap, and I'm dynamicly loading content with PHP into panels, enclosed in divs col-md-6.

After two entries the script will close the row and start a new one (<div class="row">).

When one panel is taller then another in the row there is ugly whitespace under the smaller panel. How can I get rid of this whitespace, and make panels stack under each other in two rows?

UPDATE: JSFiddle I tried lot of things from provided link, nothing works. Here is version with jQuery script (my preferred solution)

edited Jun 04 '15 at 18:36

asked Jun 04 '15 at 14:07

david8

3

Could you show a snippet of code? Or make a jsfiddle? – TopBanana9000 Jun 04 '15 at 14:16
1

How can anyone troubleshoot your code if you do not provide any code to troubleshoot? – Sean Stopnik Jun 04 '15 at 14:35
I think you need to look at this: http://stackoverflow.com/questions/19695784/how-can-i-make-bootstrap-columns-all-the-same-height – Carol Skelly Jun 04 '15 at 14:40
The panels won’t sit snug vertically if you’re putting them in rows of two, as the rows clear themselves. If you want a snug grid, look at a JavaScript plugin like [Masonry](http://masonry.desandro.com/). – Martin Bean Jun 04 '15 at 14:55
Or think in columns before rows, instead of rows before columns. – Ted Jun 04 '15 at 17:22
@MikeViscontini I just added code – david8 Jun 04 '15 at 18:37
@SeanStopnik I just added code – david8 Jun 04 '15 at 18:37

Bootstrap grid panels rows whitespace

0 Answers0