목록에 갤러리 적용 계획

https://marshall-ku.tistory.com/142에서 배운 방식대로 이 블로그의 Recent Posts와 Recent Comments 글의 썸네일을 추출했다. 그리고 다른 블로그에서 글 목록을 갤러리형으로 하려고 계획 중이다. 현재 글목록을 웹진 형태로 됐는데 부트스트랩4의 카드(card)를 이용해서 멋지게 갤러리형으로 생각 중이다. 어떻게 멋지게 할 수 있을까 계획 중...

내가 사용한 코드는 아래와 같다. 부트스트랩에서 버전 4가 아니면 아래 코드는 안될 것 같다. 3에서는 해보지 않았지만 3에 없는 col을 사용했기 때문에 안 될 것 같다.

<s_list>

<div class="row">

<s_list_rep>

<div class="col-6 col-lg-3">

<a href="" class="tf article_thumb">

<img src="" alt="thumbnail" class="thumb" onerror="this.src='/favicon.ico'"></a><h5></h5><p class="card-text"><small class="text-muted"><span class="cnt"></span> </small></p>

            </div>

</s_list_rep>

</div><!-- row close -->

     </s_list> <!-- 글목록 마침 -->

위 소스를 사용하여 목록을 아래 그림같이 가로로 4개가 나오게 했다. PC 화면에서 2개나 3개 나오게 하려면 부트스트랩 그리드 시스템을 알아야 할 것이다. 예로 col-lg-4하면 그림이 3개 나올 것이다. 

윈도우10 홈과 프로 차이