부트 스트랩 캐 러셀 확대 이미지 하단에서

Question

화면의 전체 너비가 반응하는 높이 인 웹 사이트에서 부트 스트랩 캐 러셀을 사용하고 있습니다. 문제는 이미지의 특성상 이미지가 .item div의 아래쪽에 정렬되고 아래쪽에서 확장되고 평소처럼 왼쪽 상단에서 확대되지 않기를 바란다는 것입니다. 이것이 CSS로 할 수 있습니까? 아니면 JS에서만 할 수 있습니까?

웹 사이트와 코드 here을 볼 수 있습니다.

Answer 1

bottom: 145%을 img 태그로 설정하고 포장의 상단으로 이동하면 .item -class입니다. .item, .carousel-inner, .carousel - 클래스는 작동하게하려면 수정 height 수정이 필요합니다. 이처럼

:

.carousel, .carousel-inner, .item { 
    height:100%; 
    max-height:600px; 
} 
.carousel-inner > .item > img, 
.carousel-inner > .item > a > img { 
    position: relative; 
    bottom: 145%; 
} 

그냥 최적의 위치를 ​​찾기 위해 속성 놀러.