화면 크기에 따른 열 수?

Question

페이지에 대해 다음 레이아웃을 고려하십시오. 컨테이너 안에는 세 개의 열이 있습니다.

내가 해결하고 싶은 문제는 모바일 화면 크기에 중간 열을 숨기고 싶다는 것입니다. 모바일보다 큰 화면 크기 즉 태블릿, 노트북 및 데스크톱의 경우 중간 열을 표시하려고합니다. 나는 어떻게 이것을 달성 할 수 있는가. 세 개의 열은 모두 동일한 폭이어야합니다.

감사합니다. 감사!

Answer 1

부트 스트랩이 responsive utility classes 숨기거나 표시 요소는 특정 중단 점입니다 포함되어 있습니다. 가시 클래스는 visible-xs-*, visible-sm-*, visible-md-* 및 visible-lg-*입니다. 숨겨진 클래스는 hidden-xs, hidden-sm, hidden-md 및 hidden-lg입니다. 당신이 작고 매우 작은 해상도 요소를 숨기려면

, 당신은 <div class="col hidden-xs hidden-sm">

Bootply example

Answer 2

CSS를 사용하면 아무 것도 숨길 수 있습니다. 아래를 참조

<div class = "container"> 
     <div class="row"> 
     <div class="col"> 
     </div> 
     <div class="col column-to-hide"> 
     </div> 
     <div class="col"> 
     </div> 
     </div> 
    </div> 


<style> 
    @media screen and (max-width: 500px){ 
     .column-to-hide{ 
      display:none; 
     } 
    } 
    </style>