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)