我有很多卡片要显示,但是我想禁用桌面上的滑块并显示多行 不幸的是,卡的所有样式都基于.owlcarousel方法之后制作的owl-carousel类。
我使用了owlcarousel的响应类选项
<section class="lst">
<div class="container">
<div class="owl-carousel" id="list-slide">
<!-- Single listing -->
<div class="list-grid-layout classical-layout tour-item">
<div class="grid-layout-header">
<a href="listing-detail.html" class="list-thumb">
<img src="assets/img/7.jpg" class="img-fluid mx-auto" alt="">
</a>
<div class="gl-top-head">
<div class="pr-rate gl-card">تومان</div>
<div class="gl-rating gl-card">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-half-o"></i>
</div>
</div>
<div class="grid-layout-info">
<ul>
<li><i class="ti-headphone"></i> 402-520-8170</li>
<li><i class="ti-location-pin"></i>خیابان پنجم کوچه دوم</li>
</ul>
</div>
</div>
<div class="grid-layout-body">
<div class="gl-list-author">
<a data-toggle="tooltip" data-original-title="نام نویسنده" href="author-detail.html"><img src="assets/img/team-5.png" alt=""></a>
<span class="verified-badge"><i class="fa fa-check"></i></span>
</div>
<div class="gl-list-caption">
<h4><a href="listing-detail.html" class="list-title">غذای محلی ایران</a></h4>
<p class="gl-tagline">پخت و پز نوآورانه، همراه با شراب خوب است</p>
</div>
</div>
<div class="grid-layout-footer">
<a href="http://themezhub.com/">
<div class="cat-icon-box rounded-circle cbg-1">
<i class="fa fa-home"></i>
</div>
<div class="icon-box-text">رستوران</div>
</a>
<div class="ft-loke">
<a href="#"><i class="ti-heart"></i></a>
<span class="list-status">باز</span>
</div>
</div>
</div>
</div>
</div>
</section>