通常、幅を 1200px に設定するラッパー コンテナーを含むページでフクロウ カルーセル 1.3 を使用しています。
レスポンシブ サイトの構築を開始しましたが、現在はどのラッパーでも固定幅を使用していません。バージョン 2 の Owl も使用しています。
ブートストラップ グリッド レイアウトを使用して、フクロウのカルーセルをレスポンシブにしようとしています。ただし、これを機能させることはできません。親 div に幅を設定した場合にのみ機能するようです。
たとえば、私がこれを持っている場合：
<div class="container-fluid">
<div class="row">
<div class="col-md-8">
<div class="owl-carousel">
<div><h2>Item 1</h2></div>
<div><h2>Item 2</h2></div>
<div><h2>Item 3</h2></div>
</div>
</div>
<div class="col-md-4">
<h2> Just a right hand panel</h2>
</div>
</div>
</div>
フクロウのスライダーは画面幅の 100% を占有し、66% の col-md-8 幅を無視するため、レイアウトが壊れてしまいます。
フクロウのカルーセルは本当にレスポンシブですか?それとも動作させるには幅を固定する必要がありますか?