2017-10-19 6 views
0

부트 스트랩 4.0 베타를 사용하여 사이트를 설계하고 반응 형 유틸리티에 고정되어 있습니다. hidden-xshidden-md부트 스트랩 4 베타의 열 숨기기

부트 스트랩 4.0 알파 -up 추가 -down 등 : 위로 부트 스트랩 3가 있었다 이러한 클래스 Resonsive utilities-hidden-sm-downhidden-md-up,하지만 난 부트 스트랩 4 베타와이 기능을 작동하게 할 수있는 방법을 찾을 수 없습니다 .

부트 스트랩 4.0 베타 만 사용하여 sm 및 xs 디스플레이에서 다음 열을 숨기려면 어떻게해야합니까?

<div class="col-md-12 col-lg-8 col-xl-4"> 
    <p>Here is my text</p> 
</div> 

나는 Bootstrap 4 Beta Docs을 빗질하고 이전 방법과 아무 소용이 상상 방법 bevvy 많이 시도했습니다.

답변

1

부트 스트랩 v4 베타는 게시물이 참조하는 대부분의 응답 유틸리티를 제거했습니다. 대신 당신은 그들의 표시 클래스에 의존해야합니다

<div class="col-md-12 col-lg-8 col-xl-4 d-none d-md-block"> 
    <p>Here is my text</p> 
</div> 

d-none 모든 관점에 대한 없음으로 표시를 설정하고, d-md-block는 블록 레벨 매체 중단 점 (이상)을 위해 할 수있는 표시를 설정하면서. 의견의 영토로 기울고의 위험이 덜 직관적 인 것 같다하지만 그들은 알파 문서에서이 논리 뒤에 몇 가지 추론 제공 :

https://getbootstrap.com/docs/4.0/migration/#responsive-utilities