최신 웹 개발 튜토리얼
 

Bootstrap CSS 이미지 참조


Bootstrap 이미지

둥근 모서리 :

친퀘 테레 (Cinque Terre)

원:

친퀘 테레 (Cinque Terre)

미리보기 :

친퀘 테레 (Cinque Terre)

<img> 클래스

아래의 클래스는 모든 이미지 스타일을 사용할 수 있습니다 :

수업 기술
.img-rounded 이미지 (IE8에서는 사용할 수 없음)에 둥근 모서리를 추가합니다 시도 해봐
.img-circle 원 (IE8에서 사용할 수 없습니다) 이미지를 모양 시도 해봐
.img-thumbnail 썸네일 이미지를 모양 시도 해봐
.img-responsive 응답 화상 (부모 요소에 잘 확장됩니다) 만든다 시도 해봐

응답 이미지

가산하여 반응 이미지를 만들기 .img-responsive 받는 클래스를 <img> 태그입니다. 화상은 부모 요소로 잘 확장된다.

.img-responsive 클래스는 적용 max-width: 100% , height: autodisplay:block 이미지에를 :

<img src="cinqueterre.jpg" class="img-responsive" alt="Cinque Terre">
»그것을 자신을 시도