Bootstrap傳送帶在Chrome和Opera中不響應

我有一個問題，Bootstrap傳送帶在調整窗口大小時會在傳送帶內拉伸或擠壓我的圖像。即使寬度和高度屬性與圖像大小相匹配，它也會垂直拉伸我的圖像。Bootstrap傳送帶在Chrome和Opera中不響應

我已經嘗試了所有關於SO的答案，例如將min-width: 100%;設置爲.carousel img類，等等。我的代碼直接來自Bootstrap網站，我注意到它裏面的圖像也是一樣的。

奇怪的是，它完全調整到Edge和Firefox的窗口。旋轉木馬中的圖像看起來就像預期的一樣，但在Chrome和Opera中打開生成完全不同的東西。

任何幫助表示讚賞。

請分享您的代碼 –

我的代碼是完全引導網站上進行如下：https://v4-alpha.getbootstrap.com/components/carousel /。我沒有添加任何額外的東西。 –

必須有一些差異，否則你的代碼將沒有區別 –

我想你已經指定爲您的圖像高度。

只要確保保持高度自動和寬度100％。

.carousel img{ width:100%; height:auto;}

2017-02-22 10:35:54

這不幸的是不起作用。我的身高是在汽車。 –

你試過寬度：100％; ？ –

我試過了所有的東西，我可能會針對錯誤的類。 –

聽起來沒有那麼聰明，但使用類「IMG響應」的img標籤的？

// Your carousel code ... 
<img class="img-responsive .....> 
// code ...

即相當於圖像的最大寬度設置爲100％

2017-02-22 11:39:35

引導4仍處於alpha所以你可以期待一些不穩定性。轉盤問題是引導一個已知的問題4.

2017-02-22 11:50:52 ZimSystem

是的，確實如此。這裏和那裏存在不一致。 –

回答