부트 스트랩 캐 러셀 설정 자동 높이

Question

부트 스트랩 캐로 셀 높이를 설정하지 않고 이미지 너비를 100 %로 설정하여 자동으로 높이를 조정할 수있는 방법이 있습니까? 슬라이드 사이에서 위아래로 튀어 오르는 것을 이해합니다. 현재 부트 스트랩 HTML을 위해 내가 가진 : CSS와

<div id="carousel" class="carousel slide carousel-fade" data-ride="carousel"> 
    <div class="carousel-inner"> 
     <div class="item active"> 
      <div class="slider-image img-responsive " style="background-image: url(/folder/image.png); background-position: 50% 50%; background-size: cover;"></div> 
     </div> 
    </div> 
</div> 

:

#carousel, .item, .slider-image { 
    height: auto; 
    width: 100%; 
} 

나는 모든 이미지를 볼 수없는이와이 - 그냥 0으로 높이 어떤 아이디어를 설정? 사업부를 사용하는

Answer 1

이 코드는 나를 위해 일한 이미지 태그와 슬라이드 화상과 100 % 설정

HTML에 대한 화상 폭 :

<div id="carousel" class="carousel slide carousel-fade" data-ride="carousel"> 
    <div class="carousel-inner"> 
     <div class="item active"> 
      <img src="path/to/image.jpg"/> 
     </div> 
    </div> 
</div> 

CSS :

#carousel .item img{ 
    width:100%; 
} 

Answer 2

대신 이미지 크기를 조정하려면

.carousel-inner { 
height:auto; 
} 
.carousel-inner > .item > img, 
.carousel-inner > .item > a > img { 
    width: 100%; 
    margin: auto; 
    min-height:initial; 
} 

당신이 이미지 행운 대상으로 CSS 클래스를 추가 할 수 있으며 배경 단지를 넣어 :