カルーセルを特定のサイズに固定する必要があります。画像はカルーセルの内側に収まるようにしてください。

Question

カルーセルを特定のサイズに固定する必要があります。モバイルビューでは問題はありませんが、コンピュータ上では画像が画面に表示され、次にカルーセルインジケータを表示するためにスクロールする必要があります。私は何をすべきか？

CSSコード：

.carousel-inner > .item > img, 
.carousel-inner > .item > a > img { 
    display: block; 
    height: auto; 
    max-width: 100%; 
    line-height: 1; 
    margin: auto; 
    width: 100%; 
} 

Answer 1

そのフルでない幅のスライダーであればその全幅スライダーがcontainer-fluid

の内側にそれを置く場合uが参照

のための以下のコードを参照してくださいCOLまたはコンテナ内のウルスライダーを置くshouuld

img{ 
    max-width: 100%; 
} 

<div class="container"> 
<div class="row"> 
    <div class="col-md-12"> 
    ur carousel code should be here 
    </div> 
    </div> 
</div> 

フルサイズのコンテナを使用する場合

<div class="container-fluid"> 
<div class="row"> 
    <div class="col-md-12"> 
    ur carousel code should be here 
    </div> 
    </div> 
</div>