415
2015-06-25 04:38:06
0
넵 맞습니다. 간단히 설명 드리면 Bootstrap의 그리드 시스템은 한 줄을 12개로 나눠서 작업한다고 생각하시면 되구요. 페이지에 접근하는 사이즈는 xs (제일 작은 사이즈), sm (작은 사이즈), md(중간 사이즈), lg(큰 사이즈)로 총 4개로 구분 됩니다. 핸드폰의 경우 보통 xs 사이즈 입니다.
간단히 예를들어 아래와 같이 div를 만든다고 가정하면
<div class="row">
<div class="col-md-6 col-sm-12 col-xs-12">
<img src="image address" />
</div>
<div class="col-md-6 col-sm-12 col-xs-12">
<img src="image address" />
</div>
</div>
먼저 col-md를 6으로 설정 (12의 반)했으니 중간 사이즈에서는 화면의 반 정도를 할당해서 한 줄에 2개의 이미지가 반 반씩 나오겠죠
col-sm과 col-xs 를 보시면 12로 설정했으니 한 줄에 반반씩 나오는게 아니라 한줄에 한 이미지씩 꽉꽉차서 두줄로 나오게 됩니다.