모바일 사용자를위한 이동 열

Question

저는 부트 스트랩 MVC를 사용하고 있으며 내부 블로그의 색인 페이지에 3 열 레이아웃을 가지고 있습니다. 사진을 보여주는 작은 왼쪽 열, 작은 오른쪽 열의 가운데에있는 유용한 위젯.

모바일 장치에서 사이트를 볼 때 이동해야하지만 모든 왼쪽 된 열은 모바일 장치의 기본 블로그 열 뒤에 이동해야합니다. 이게 내가 푸시를 발견하고 명령을 끌어낼 수 있습니까?하지만 그것은 단지 휴대 전화를 위해 그것을합니까?

건배

Answer 1

나는 당신의 자신의 CSS 파일에서 기본 미디어 쿼리를 사용합니다. 부트 스트랩에서 사용하는 부트 스트랩은 다음과 같습니다.

/* Extra small devices (phones, less than 768px) */ 
/* No media query since this is the default in Bootstrap */ 

/* Small devices (tablets, 768px and up) */ 
@media (min-width: @screen-sm-min) { ... } 

/* Medium devices (desktops, 992px and up) */ 
@media (min-width: @screen-md-min) { ... } 

/* Large devices (large desktops, 1200px and up) */ 
@media (min-width: @screen-lg-min) { ... } 

또는 다른 브레이크 포인트가 필요할 수 있습니다. 해당 열에 id를 사용하거나 클래스를 추가하여 원하는 비헤이비어를 얻을 수 있습니다.

희망이 있습니다.