답변 1개
채택된 답변
+20 포인트
Glitter Gim※ /theme/사용하는_테마/head.sub.php의 <head>~에 아래의 추가함으로 메서딩 시작
Copy
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">※ /skin/board/gallery/list.skin.php ,
/skin/board/gallery/style.css,
pic_list.html 또는/skin/latest/ , .
/common.php,
/css/default.css
> 겔러리-스킨 구성/ 게시물-스킨 구성 / CSS-추가
> bootstrap(그리드) 과 CSS, HTML 조화만 잘 맞추면, 그리 어렵지 않으실 겁니다.
※ 보여주신 이미지와 같은 4열 레이아웃, Bootstrap 예시
Copy
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="card mb-4 shadow-sm">
<img src="링크.jpg" class="card-img-top" alt="설명">
<div class="card-body">
<h5 class="card-title">제목</h5>
<p class="card-text">설명</p>
<div class="d-flex justify-content-between align-items-center">
<a href="링크" class="btn btn-sm btn-outline-secondary">보기</a>
<small class="text-muted">게시일</small>
</div>
</div>
</div>
</div>
</div>
</div>답변을 작성하려면 로그인이 필요합니다.