Frameworkview 격자 레이아웃에 데스크톱보기 포함

Question

프레임 워크 7은 휴대 전화와 태블릿 용으로 설계되었지만 CSS를 포함하거나 수정하여 데스크톱과 호환되도록 만드는 방법이 있습니까? 내 시나리오에는 두 개의 div 요소가 있습니다. 데스크톱에서 나란히 볼 수 있습니다.

<div class="row"> 
     <div class="col-50">panel-1</div> 
     <div class="col-50">panel-2</div> 
    </div> 

그러나 태블릿/전화보기에 내가 그것을 100 %

<div class="row"> 
     <div class="tablet-100">panel-1</div> 
     <div class="tablet-100">panel-2</div> 
    </div> 

나는 다음 시도했지만 문서는 태블릿 클래스는 윈도우 폭> = 768px입니다 말했듯이 모두보고 싶은, 그래서 폭이

데스크톱보기에서도 100 %.

<div class="row"> 
     <div class="col-50 tablet-100">panel-1</div> 
     <div class="col-50 tablet-100">panel-2</div> 
    </div> 

desktop-XX와 같은 사용자 정의 CSS를 추가하려고 생각하지만 어떻게 추가하고 현재 그리드 시스템을 덮어 쓸 수 있습니까? 어떤 제안이라도 미리 감사드립니다!

Answer 1

@media (min-width:768px){ 
.col-50{ 
width:50%; 
} 
} 

이