<div class=”col-xs-6 col-md-3″>
<a href=”#” class=”thumbnail“>
<img src=”holder.js/300×200″>
</a>
</div>
…
<script src=”js/holder.js“></script>
<a href=”#” class=”thumbnail“>
<img src=”holder.js/300×200″>
</a>
</div>
…
<script src=”js/holder.js“></script>
a 태그에 .thumnail 선택자를 넣어주고 holder.js 자바스크립트 플러그인을 사용하면 간단하게 더미 이미지를 만들 수 있는데요.
여기에서 holder.js 파일을 다운로드 받아서 사용하시면 됩니다.
'프로그래밍 언어 > 부트스트랩(Bootstrap)' 카테고리의 다른 글
[bootstrap] 부트스트랩 – 알림메시지(alerts) – 링크 추가 (0) | 2016.02.03 |
---|---|
[bootstrap] 부트스트랩 – 알림메시지(alerts) (0) | 2016.02.03 |
[bootstrap] 부트스트랩 – 페이지 헤더 (0) | 2016.02.02 |
[bootstrap] 부트스트랩 – 점보트론 (0) | 2016.02.02 |
[bootstrap] 부트스트랩 – 버튼 – 레이블(Lable)과 배지(Badge) (2) | 2016.02.02 |
댓글