부트 스트랩 3에서 사용되는 현재 열 범주보기

Question

현재 뷰포트 크기에 사용 된 열 범주 (xs sm md lg)에 대해 콘솔을 쿼리하는 쉬운 방법이 있습니까?

Answer 1

좋아,이 간단한 기능을 썼다면, 이것을 할 원시 방법이없는 것 같습니다.

function bootstrapSize() { 
    switch(true) { 
     case window.innerWidth > 1200: return 'lg'; 
     case window.innerWidth > 992: return 'md'; 
     case window.innerWidth > 768: return 'sm'; 
     default: return 'xs'; 
    } 
} 

Answer 2

hasClass()를 사용해 보셨습니까?

http://api.jquery.com/hasclass/

Answer 3

콘솔에서이 작업을 수행 할 내장 방법은 없습니다,하지만 당신은 콘솔에서이 쿼리 귀하의 코드를 만들 수 https://stackoverflow.com/a/22885503/65971에 설명 된 기술을 사용할 수 있습니다.

각 중단 점에 대해 <div class="visible-xs-block" />과 같이 <div>을 생성하여 표시되는지 여부를 테스트합니다.