bootstrap4 grid-item 책갈피 표시 정보
HTML bootstrap4 grid-item 책갈피 표시본문
정석은 아닐 수 있습니다.
grid-item 에서 책갈피처럼 한 셀 위에 표시해야 하는 일이
발생해서 찾아낸 방법입니다.
아래처럼 첫 번째 셀 왼쪽 위에 이미지를 띄우는 방법입니다.
grid-item 으로 한번 더 감싸고 이미지를 넣었더니 되네요.
<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
댓글 0개