그리드 열을 추가하면 스타일이 깨집니다.

Question

한 줄로 표시 할 문자열이 3 세트 있습니다.

각 3 세트에 그리드 열을 추가하여 창 크기를 줄인 경우에도 각 세트가 그대로 유지됩니다. 그러나 그리드 열을 추가하면 정렬 및 간격과 함께 messign이며 다음과 같습니다

나는 안부 클래스 모두에서 패딩과 마진을 제거하지만 여전히 아무 도움이됩니다. 다른 사람이 그것을 수정하기 위해해야 ​​할 CSS 변경 사항을 제안 할 수 있습니까? 도와주세요!

.no-padding { 
 
    padding: 0 !important; 
 
    margin: 0 !important; 
 
}

<div> 
 
    <div class="col-sm-4 no-padding"> 
 
    <span>in the last 24 hours</span> 
 
    </div> 
 
    <div class="col-sm-7 no-padding"> 
 
    <span>trending down </span> 
 
    <span> compared to 0 in previous 24 hours</span> 
 
    </div> 
 
</div>

Answer 1

코드 예제없이 하드

하지만이 시도 :

<span class="text-right">in the last 24 hours</span> 

당신은 스팬 클래스에 텍스트 정렬 권리를 추가

.text-right { 
    text-align: right; 
} 

은이 추가 다른 div 옆에 정렬하십시오.