首页 > 解决方案 > 我有带有 Bootstrap v4.2.1 的网站 ASP.NET MVC,owl-carousel 没有响应

问题描述

我们有一个正常工作的网站,除了滑块(owl-carousel)不响应移动屏幕,该网站是由以前与我们合作的程序员编写的。使用(带有 Bootstrap v4.2.1 的 ASP.NET MVC)编程的网站。我需要修复响应侧边。

<div class="p-0 min-vh-100" id="header">
  <div
    class="
      owl-carousel owl-theme owl-dots-inner owl-theme-white
      responsiveClass:true
    "
    data-options='{"items":1,"autoplay":true,"autoplayTimeout":7000,"dots":false,"loop":true,"animateOut":"fadeOut","mouseDrag":false,"nav":false,"responsive":{"768":{"dots":false,"autoplay":true}}}'
  >
    <section class="py-0" data-zanim-timeline="{}" data-zanim-trigger="scroll">
      <div
        class="bg-holder"
        style="background-image: url(../Content/img/IndexEn/EBG1.jpg)"
      ></div>

      <div class="container">
        <div class="row min-vh-100 align-items-center py-8">
          <div class="col-lg-8">
            <div class="overflow-hidden">
              <h1
                class="fs-4 fs-md-5 display-4 text-white"
                data-zanim-xs='{"delay":0.8}'
              ></h1>
            </div>
            <div class="overflow-hidden">
              <p class="text-white mt-2" data-zanim-xs='{"delay":0.9}'></p>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
</div>

标签: htmlasp.net-mvc

解决方案


推荐阅读