うまくいけば、タイトルとデモはすべてそれを言う。ブートストラップ4の新しいカルーセルは反応しません。画像はアスペクト比を超えています。ブートストラップ4カルーセル画像を反応性にするには?
誰かがcssとhtmlの大きな調整をしないでこれを解決する方法を知っていますか?
.wrapper {
max-width:200px;
width:100%;
}
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet" />
<div class="wrapper">
<div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
<div class="carousel-inner" role="listbox">
<div class="carousel-item active">
<img class="d-block img-fluid" src="https://placehold.it/400x200" alt="First slide">
</div>
<div class="carousel-item">
<img class="d-block img-fluid" src="https://placehold.it/400x200" alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block img-fluid" src="https://placehold.it/400x200" alt="Third slide">
</div>
</div>
</div>
</div>
...それが正常に動作します願っています。しかし、ありがとう、これは私を助けている! :) – NiZa