Wie kann ich die Bootstrap-Spalten mit den Höhen kombinieren?

Question

Wie kann ich die Bootstrap-Spalten machen matchheihts ohne Zeilen in jeweils 3 Spalten Puting, sind diese Spalten aus der Datenbank, die ich foreach php, so kann ich setzen Zeile nicht.

Ich habe matchHeight verwendet aber funktioniert nicht, gibt es andere alternative Möglichkeit?

$(function() { 
    $('.item').matchHeight(options); 
    byRow: byRow 
}); 


<script src="<?=base_url();?>assets/matcheight/jquery.matchHeight.js" 
    type="text/javascript"></script> 

Answer 1

Verwenden Sie eine flexbox, um es zu lösen. Wenden Sie dieses auf Ihren Behälter an:

Probieren Sie dies aus und lassen Sie mich wissen, ob dies für Sie funktioniert. Vielen Dank!

Answer 2

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/x-javascript"> 
$(document).ready(function(){ 

    // Select and loop the container element of the elements you want to equalise 
    $('.container').each(function(){ 

     // Cache the highest 
     var highestBox = 0; 

     // Select and loop the elements you want to equalise 
     $('.col-md-4', this).each(function(){ 

     // If this box is higher than the cached highest then store it 
     if($(this).height() > highestBox) { 
      highestBox = $(this).height(); 
     } 

     }); 

     // Set the height of all those children to whichever was highest 
     $('.col-md-4',this).height(highestBox); 

    }); 

}); 
</script>