CSS 부트스트랩 반응형 이미지 만들기
페이지 정보
작성자 관리자 (49.♡.11.159)
조회 1,998회
작성일 21-12-18 11:12(글 수정: 2023년 07월 22일)
본문
부트스트랩을 이용하면 반응형 이미지를 쉽게 표현 할 수 있습니다.
제가 사용하는 방법으로 정확하지 않을 수 있으니 참고만 하세요.
추가 개인적으로 참고 하기 위한 기록형 포스팅 입니다.
CSS 선언 해 주기:
부트스트랩을 이용하기 위한 css를 선언 해 줍니다.
저는 head에 넣었습니다.
[code]
<link href="/css/bootstrap.min.css" rel="stylesheet">
[/code]
이미지에 클라스 주기:
부트스트랩 설명페이지를 참고 해서 설정 해 줬습니다. 설명은 아래 이미지를 참고 하세요.
[code]
<div class="center-block">
<a href="https://giftjoa.biz/" target='_blank' rel='noopener noreferrer'><img src="img/01.jpg" class="img-responsive" border="0" alt="판촉물제작 쇼핑몰 기프트조아"></a>
</div>
[/code]
부트스트랩 관련된 게시글 보기
관련링크
-
http://bootstrapk.com/css/#images
1071회 연결
- 이전글
- 다음글
댓글목록
등록된 댓글이 없습니다.