html - 我有带有 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>
解决方案
推荐阅读
- flutter - 尝试用 Flutter 实现类似 YouTube 的全屏视频处理
- java - 如何从视频路径创建视频缩略图?
- typescript - 使用通用值修改接口键
- java - SpringBoot JPA 存储库 bean 命名策略
- python - Tensorflow Keras 损失为 NaN
- node.js - 用数据保存渲染的 PUG 的 HTML
- php - laravel 8 中如何自定义默认登录错误信息
- python - Html to Docx 不应用标题样式
- python - ModuleNotFoundError:运行 nvidia/deeplearningexamples reponstory 时没有名为“nvidia.dali.backend_impl”的模块
- asp.net-web-api - Asp.net core 3.1版本响应码400