2014-01-22 2 views
1

세로 모드 (iPhone 5+는 640px 너비)의 한 열에 콘텐츠 블록을 표시하고 가로 모드 (iPhone 5+ 너비는 1136 픽셀 임). 설명서를 읽고 (http://getbootstrap.com/css/#grid-media-queries) 필자의 이해는 768px 이하로, 부트 스트랩은 col-xs- * 클래스를 사용하고 768px 이상이면 부트 스트랩은 col-sm- * 클래스를 사용합니다. 내가 여기 실종 무엇가로 모드에서 더 많은 열을 표시하도록 부트 스트랩을 얻는 방법

<div class="col-xs-12 col-sm-6">some content</div> 
<div class="col-xs-12 col-sm-6">some more content</div> 

:

내 마크 업이 같이 보입니다?

답변

1

마크 업에서 .col-sm-6 앞에있는 기간을 제거하십시오. 다음 사이의 공백만으로 이와 같아야합니다.

<div class="col-xs-12 col-sm-6"></div> 

마크 업에는 클래스 표시기가 필요하지 않습니다. 또한 당신은 정말 때문에 기본적으로 COL-SM-6 필요 부트 스트랩 자동으로 내지 컬럼-XS-12을 768

<div class="col-sm-6"></div> 
+0

으악 죄송 이하가, –

+0

좋은에서 공간을 떠나, 내가 쓰고 있던 HAML에서 수업을 붙여 넣기 col-sm-12도 필요 없다는 점을 지적하십시오. –

관련 문제