モバイルデバイスに全幅カルーセル効果を実装する方法

Question

携帯電話や小さな画面のデバイスでカルーセルを全幅にするにはどうすればよいですか? ご協力をいただければ幸いです。

以下のコードをチェックアウトするか、私の CodePen で直接チェックアウトできます - https://codepen.io/nurzamf-the-lessful/pen/ZEodKGO

<div class="contain">
  <div id="owl-carousel" class="owl-carousel owl-theme">
    <div class="アイテム">
              <img src="https://blogger.googleusercontent.com/img/a/AVvXsEi9MjLHgzg-8RYlTEZFFZ21FGuldcTSSv2wZHf1nGh6KGgwMAznhwkDlpgyt0pxtMxODbGvftKhgPFbNp46_Jv_45WF64GI7Y5ldi6eZQSTZ 5twNS3OkdGY8tBF4vo0Zun3WplSBiTYy3dBWI0Q0fSyS_mV6PU4XyiW_WA3DcZLSnRKJmiFjG2p6D0_=s1600" class="img-sensitive" />
    </div>
    <div class="アイテム">
      <img src="https://blogger.googleusercontent.com/img/a/AVvXsEiTZxD__KXQgaGHq_Xm_Jy7kA44vsdwijCR4VrsJI5uGDptJYp2ujRiVX6_6hNA-mCkh9OezjOBddFRYoAVGIT5omKqQcZnn8mFPtyae72oS7I-_p B Qs2-5UnYTZ6VVIyBwQQL6RNJrOPjXiiV1jyHBRDOIxi_6Yyw8Nh2hRZfgrYgJiG_F4ljNnJ4J=s1600" class="img-sensitive" />
    </div>
    <div class="アイテム">
      3
    </div>
    <div class="アイテム">
      4
    </div>
    <div class="アイテム">
      5
    </div>
    <div class="アイテム">
      6
    </div>
  </div>
</div>

.contain {
  幅: 100%;
}

。アイテム {
 幅:100%;
  色: 白;
  表示ブロック;
}

$('#owl-carousel').owlCarousel({
    ループ: true、
    マージン: 0、
    ドット: true、
    ナビ：本当、
    項目: 2、
})

Answer 1

お役に立てば幸いです! ！ ！

リーリー リーリー リーリー