그리드 문의드립니다..

Q & A

질답게시판

홈 > 회원포럼 > 질답/버그/제안
질답/버그/제안

그리드 문의드립니다..

3 강건마 2 62

안녕하세요


비루한 초보라... 오랜만에 업댓을 하려니 어렵네요 ㅎㅎㅎㅎ


그리드 문의 드립니다.


아래와 같이 배너를 2개 나오게 구현을 했는데요...


베너 3개 4개 이렇게 넣고 싶은데(가로)... 팁좀 부탁드립니다.


부트스트랩 봐도 헤갈리네요...




<div class="col-sm-6 c-col">

<div class="w-box">

<!-- Start //-->

<div class="w-box" style="margin:5px 0;">

<div class=" widget-box-bg">

<?php echo apms_widget('basic-banner', '900');?>

</div>

</div>



</div>

</div>

<div class="col-sm-6 c-col">

<div class="w-box">

<!-- Start //-->

<div class="w-box" style="margin:5px 0;">

<div class=" widget-box-bg">

<?php echo apms_widget('basic-banner', '901');?>

</div>

</div>



</div>

</div> 

2 Comments
M 한별아빠 06.12 01:34  
1. 부트스트랩 그리드는 가로를 12등분해서 칼럼(영역)을 나타내는 것 입니다. 그래서 2분할이면 12/2=6이 되어서 적으신 것처럼 col-sm-6 클래스가 적용되는 것이죠.

2. 그러니 3분할이면 12/3=4 가 되어 col-sm-4, col-sm-4, col-sm-4  하면 합이 12이니 3분할이 되겠죠.

3. 4분할이면 12/4=3이 되니 col-sm-3 이 4개가 되는 것이고, 그래야 12(100%) 가 되니..

4. 그런데 합이 12가 넘어가서 14가 된다던가하면, 네 100%를 초과하니 초과되는 영역은 밑으로 떨어집니다. 물리적으로 1 안에 2를 넣을 수는 없으니깐요. 즉, col-sm-4, col-sm-4, col-sm-6 가 되면 합이 14라서 마지막 col-sm-6 은 밑으로 떨어지는 것 입니다.
3 강건마 06.12 14:18  
대장님 감사합니다^^
제목
최근 글
최근 댓글
Facebook Twitter GooglePlus KakaoStory KakaoTalk NaverBand