• 목록
• 게시판 리스트 옵션
  • 검색

부트스트랩을 이용하면 반응형 이미지를 쉽게 표현 할 수 있습니다.

제가 사용하는 방법으로 정확하지 않을 수 있으니 참고만 하세요.

추가 개인적으로 참고 하기 위한 기록형 포스팅 입니다.

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]