부트 스트랩 열 matchheights을 만들려면 어떻게해야합니까? 내가 부트 스트랩 열을 만들 수있는 방법

Question

은 매 3 열 행을 퍼 팅하지 않고 matchheihts,이 열이 나는 내가 넣을 수 없습니다 행을 foreach는 PHP 데이터베이스에서입니다.

matchHeight를 사용했지만 작동하지 않는 경우 다른 대안이 있습니까?

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


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

Answer 1

flexbox을 사용하여 해결하십시오. 이 내용을 다음과 같이 컨테이너에 적용하십시오.

.container { 
    display: flex; 
    flex-wrap: wrap; 
} 

이 방법을 사용해보십시오. 감사!

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> 

의