2016-07-22 2 views
0

부트 스트랩 webshop 템플리트에서 항목을 col-md-3 div로 나열하십시오. 어떻게이 div를 같은 높이로 설정할 수 있습니까?부트 스트랩 col-md-3 div를 동일한 높이로 설정하십시오.

품목 이름이 짧거나 길거나 가격이 맞으면 정상 가격 만 표시되고 각 div 높이는 더 작으며 줄에 정렬되지 않습니다. 이 문제에 대한 어떤 jQuery 플러그인은

You can see the problem on the uploaded image

있습니까? 또는 CSS? 그리고 사용자 장치가 모바일이 아닌 경우에만이 기능을 원합니다.

+1

중복 질문처럼 보입니다. [여기] (http://stackoverflow.com/questions/19695784/how-can-i-make-bootstrap-columns-all-the-same-height)를 참조하십시오. – tnschmidt

답변

0

하이어를 사용하려면 최대 높이를 가져와 모든 상자에 사용하십시오.

var maxHeight = 0; 

$(yourelemselector).each(function(){ 
    var thisH = $(this).height(); 
    if (thisH > maxHeight) { maxHeight = thisH; } 
}); 

$(yourelemselector).height(maxHeight); 

편집

당신이 대답에 동의하지 않는 이유 작동하는지? 두 번째 u는 다른 질문에 대해 동일한 글을 사용할 수 없습니다. '내가 어떻게 최상위 입력 그룹을 넣는 지'에 대해 물어 보는 방식은 명확하지 않습니다.

관련 문제