Bootsrap轉盤：刪除下邊距

Question

here's the site。如果將窗口大小調整爲較小。你會發現有引起

.carousel-inner { 
    background-color: #03324c; 
} 

底邊距/填充，我可以刪除，但該指標將是不可見的，並會出現在底部留有空隙。我知道，圖像有不同的大小，我嘗試調整大小，同樣的問題。我已經嘗試了很多東西2天，沒有任何工作。

.carousel-inner { 
    background-color: #03324c; 
} 
.carousel-inner img { 
    margin-left: auto; 
    margin-right: auto; 
    margin-top: auto; 
    opacity: 0.7; 
    width: 100vw; 
    height: auto; 
    max-height: 100vh; 
    bottom: 0; 
} 
.carousel-caption h3 { 
    color: #fff !important; 
} 

Answer 1

你會更好使用background-image結合background-size:cover在.item元素。

例如，您的第一項將改變這個（只是刪除img標籤）：

<div class="item" style="min-height: 710px;"> 
    <div class="carousel-caption"> 
    <h3>New York</h3> 
    <p>The atmosphere in New York is lorem ipsum.</p> 
    </div> 
</div> 

而對於相應.item元素的造型會是這樣：

.item { 
    background-image: url(images/medium/quote.png); 
    background-size: cover; 
    background-repeat: no-repeat; 
    background-attachment: fixed; 
    background-position: center; 
}