bootstrap4 grid-item 책갈피 표시 > 퍼블리셔팁

퍼블리셔팁

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

bootstrap4 grid-item 책갈피 표시 정보

HTML bootstrap4 grid-item 책갈피 표시

본문

정석은 아닐 수 있습니다. 

 

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

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

 

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

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

 

1889558542_1737591268.6446.png

 

 


            <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>

 

 

추천
0

댓글 0개

전체 1,266
퍼블리셔팁 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT