(부트 스트랩) 정사각형 썸네일 크기

썸네일 그리드에 문제가 있습니다 (부트 스트랩 사용).(부트 스트랩) 정사각형 썸네일 크기

Screenshoot :

룩 thumnail. 이미지가 정사각형이 아닌 경우 thumnail 목록에 이 표시됩니다. 나는 정사각형으로 만들려고 노력하지만 아무런 효과가 없다. 내 웹 사이트 소스 자세한 내용보기.

이것은 문항이지만 질문은 아닙니다. 문제를 알려주고 코드를 보여주십시오. –

어쩌면 jsfiddle, codepen 또는 무엇이든 제공하고 거기서 작동하는지 확인하십시오. 아마도 잘못된 닫는 요소 등이 있습니다. – theiNaD

thumnail을보십시오. 내 이미지가 정사각형이 아닌 경우 thumnail 목록이 깨집니다. 나는 정사각형으로 만들려고 노력하지만 아무런 효과가 없다. – user3837245

이미지 크기가 동일하지 않기 때문입니다. 이 솔루션은

CSS를 사용하면 문제가 즉시 해결되지만 이미지 모양이 왜곡됩니다. 원한다면 시도 할 수 있습니다. 이 줄을 사이에 추가하십시오.

.image img{ 
max-height:196px 
max-width:196px; 
}

희망이 도움말. (테스트 안 함)

2014-09-25 14:09:43 Wilf

답변