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]

 

 

이미지에 클라스 주기:

부트스트랩 설명페이지를 참고 해서 설정 해 줬습니다. 설명은 아래 이미지를 참고 하세요.

 

9.jpg

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

 




부트스트랩 관련된 게시글 보기

댓글목록

등록된 댓글이 없습니다.