원문(출처) : 그누보드 테마 제작 24 - 갤러리 게시판 페이지 개발

글이 잘려서 2부 작성해요. 1부는 여기 있어요.

하단의 가로 스크롤바가 사라지지 않고 있네요...
원인을 찾아봐야겠습니다.

card-body 클래스 다음에 넣은 row class가 영역을 벗어나 있었습니다.
bootstrap을 잘 몰라서 그런지, row class를 쓰면 가끔 이런 상황이 발생한는군요.
뭐 항상 하던데로 margin값을 주어 해결하였습니다.
mx-1 을 추가했습니다.

[code]

            <div class="card-body px-0 pt-1 mb-0">
                <div class="row min-w-500px mx-1 p-2 py-1 ">

                    <?php for ($i=0; $i<count($list); $i++) {

[/code]

아.. 여기서 문제가 발생하였네요.
Metronic Admin Template 선정에서부터 문제가 있었어요.
overlay-layer 
말그대로 오버레이가 문제였습니다.
이미지와 카테고리 제목 표시되는 부분이
overlay(추천/비추 표시되는 영역)가 전체로 되고 있어 링크가 클릭되지 않습니다.

이 무슨... 황당한 결론이란 말인지...
다 했는데, 링크가 클릭이 안될줄은 정말 상상도 못했습니다.
아... 이케 해결하지... ㅠㅠ

꼼수로 해결했네요 ^^
맘에 들진 않지만, 되면 되는거 아니겠음까?
이미지와 제목 위에는 
체크박스를 위한 레이어와 추천/비추천을 위한 레이어가 존재하는데요.
레이어의 높이를 30px로 줄여버렸더니,
링크가 아주 잘 걸립니다. ^^ 
음하하하하~~~
덤으로 Background를 아무리 설정해도 회색 비스무리하게 나오던 버그도
함께 고칠 수 있었습니다.

아... 완료되었습니다.
아주 징글 징글 했습니다만~ 완료되었네요~~

이제 게시판 작업도 90% 이상 완료되었네요.
남은 작업은 2가지가 되겠네요.

1. 선택 삭제/복사/이동 팝업 화면
2. 전체 검색 

다음 포스팅때 모두 완료시키도록 하겠습니다.

긴 글 읽어주셔서 감사합니다.

원문(출처) : 그누보드 테마 제작 24 - 갤러리 게시판 페이지 개발