분류 bootstrap

반응형에서 이미지 사이즈

컨텐츠 정보

  • 조회 3,802 (작성일 )

본문

부트스트랩을 적용한 반응형 사이트에서 이미지처리를 하는 경우

 

사이즈를 어떻게 하면 적절할까요?

 

참고로, 부트스트랩 그리드시스템은 4가지로 구분하는데 아래와 같습니다.

 

 

 

 Extra small(<768px)

Small devices(>=768px)

Medium devices(>=992px) 

 Large Devices(>=1200px)

 Container width

None(auto)

750px 

970px 

1170px 

 Class prefix

.col-xs- 

.col-sm- 

.col-md- 

.col-lg- 

 # of columns

12 

12 

12 

12 

 Column width

Auto 

~62px 

~81px 

~97px 

 Gutter width

30px 

 

 

 

 

 위 정보를 검토해 보면 1170px기준으로 이미지작업을 해주면 최대 사이트기준으로 이미지가 반응형 처리되어 이쁘게 들어가는 것을 알 수 있습니다.

 

bootstrap반응형