ブートストラップ付き中央カルーセル

Question

ブートストラップカルーセルを使用して、オフスクリーンアイテムを持つ中央のスライダーを作成します。この例のように（ページの2番目）：

例の問題は、項目がブートストラップグリッドと揃っていないことです。ブーツラップカルーセルとグリッドに基づいて構築する可能性はありますか？

Answer 1

に適した値を選択する必要があります。 divの ".item"にブレークポイントに基づいてコンテナの最小幅を与えることができます。あなたは次の操作を行うことができ、大画面の

：

.item {min-width: 1140px} 

Answer 2

はちょうどそのような負の側縁とdivでコンテナに全体のカルーセルを置く：

<div class="container"> 
    <div style="margin-left: -45px; margin-right: -45px"> 
    <div class="loop owl-carousel owl-theme owl-center owl-loaded"> 
     ... 
    </div> 
    </div> 
</div> 

あなたが唯一の私が解決策を見つけたその負のマージン