하

bootstrap4 grid-item 책갈피 표시

· 2025-01-23 (목) 09:17:47 · 1431

정석은 아닐 수 있습니다. 

 

grid-item 에서 책갈피처럼 한 셀 위에 표시해야 하는 일이

발생해서 찾아낸 방법입니다. 

 

아래처럼 첫 번째 셀 왼쪽 위에 이미지를 띄우는 방법입니다.

grid-item 으로 한번 더 감싸고 이미지를 넣었더니 되네요.

 

1889558542_1737591268.6446.png

 

 

[code]

            <div class='grid-item'   style='border:0px;'  >

            <div    style='height:10px;'  >

            <img src='./bbbb.png' style='width:60px;height:60px;position : relative; left: -160px;top: 0px;' /> <! --책갈피 이미지 -->

            </div>

            <div class='grid-item'  >

            <img src='./aaa.png'  > <!-- 메인 이미지 -->

            </div>

            </div>

 

            <div class='grid-item' style='border:0px;'   >

            <div    style='height:10px;'  > 

            </div>

            <div class='grid-item'  >

              <img src='./aaa.png'  > <!-- 메인 이미지 -->

            </div>

            </div>

[/code]

 

 

|
댓글을 작성하시려면 로그인이 필요합니다.

퍼블리셔팁

1,282건

퍼블리싱과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
CSS 25-12-27 조회 782
CSS 25-12-17 조회 563
CSS 25-12-07 조회 687
CSS 25-11-20 조회 613
CSS 25-11-15 조회 692
기타 25-09-21 조회 819
CSS 25-09-09 조회 1,080
CSS 25-09-05 조회 1,076
CSS 25-08-16 조회 1,123
기타 25-07-23 조회 978
CSS 25-07-17 조회 1,299
CSS 25-06-27 조회 1,223
CSS 25-06-12 조회 1,161
CSS 25-06-09 조회 1,196
CSS 25-06-07 조회 1,006
25-01-30 조회 1,174
HTML 25-01-23 조회 1,432
CSS 24-10-21 조회 1,338
23-12-10 조회 1,830
HTML 24-02-12 조회 1,267
CSS 24-02-11 조회 1,578
CSS 24-01-28 조회 1,518
HTML 23-11-05 조회 2,260
기타 23-10-21 조회 1,507
CSS 23-09-04 조회 2,098
HTML 23-07-13 조회 1,923
CSS 23-06-14 조회 1,818
23-05-04 조회 4,222
23-05-03 조회 5,978
23-06-01 조회 2,241