텍스트가 굵을 때 부트 스트랩이 끊어짐

Question

이 문제가 여러 번 발생하여 적절한 해결 방법을 찾을 수 없습니다. 기본적으로 나는 텍스트와 나란히 2 열을 가진 부트 스트랩 그리드를 가지고있다. 눈금의 항목 중 하나에 큰 텍스트가있는 경우 눈금이 끊어지고 다음 요소가 올바른 위치에 표시되지 않습니다.

Here is the example. 전화 지원에서 깨져서 볼 수 있습니다 (col-md> 화면에 표시되어있는 경우)

내 솔루션은 항목의 최소 높이를 큰 텍스트의 최대 높이로 설정하는 것이 었습니다. 그런 식으로 작동하지만 최적의 솔루션은 아닙니다. 아이디어가 있으십니까?

Answer 1

당신은 당신의 요소

후 클래스 명확한 수정 프로그램을 설정할 수 있습니다 당신은 행에 매개체에 해당하는 한 세트를 설정할 수 있습니다

//sass file 
 

 
//this code set two element in a row 
 

 
.clearfix{ 
 
    &:nth-of-type(n){ 
 
    display: none; 
 
    } 
 

 
    &:nth-of-type(4n){ 
 
    display: block; 
 
    } 
 
}

<div class="container"> 
 
    <div class="row"> 
 
    <div class="col-sm-4"> 
 
     <a href="#"> 
 
     <img src="" alt="" /> 
 
     </a> \t \t \t \t \t \t 
 
    </div> 
 
    <div class="clearfix"></div> 
 
    <div class="col-sm-4"> 
 
     <a href="#"> 
 
     <img src="" alt="" /> 
 
     </a> 
 
    </div> 
 
    <div class="clearfix"></div> 
 
    <div class="col-sm-4"> \t \t \t \t \t \t \t \t \t \t \t 
 
     <a href="#"> 
 
     <img src="" alt="" /> 
 
     </a> \t \t \t \t \t \t \t \t \t 
 
    </div> 
 
    <div class="clearfix"></div> 
 
    </div> 
 
</div>