모바일보기에서 다른 주문의 HTML 요소를 렌더링하는 방법은 무엇입니까?

Question

나는 한 다음 HTML :

<div class="row proadjuster"> 
    <div class="col-lg-5 propadder"></div> 
    <div class="col-lg-7 pro2"></div> 
</div> 

이 때 모바일보기에 첫번째 col-lg-7 표시 확인 할 수 있습니까?

Answer 1

당신과 위치를 전환 할-LG-7을 내지 컬럼 싶은 의미하는 경우 COL-LG-5, 당신은 당신이 미디어 쿼리를 사용하여`COL을 숨길 필요가 정찰이

.row { 
display: flex; 
} 

@media screen only and (max-width: 767px) { 
.col-lg-7 { 
order: 1; 
} 
.col-lg-5 { 
order: 2; 
} 
}