Javascript 如何在react js中使用响应式猫头鹰转盘
我只想在移动视图中显示一个项目。但它显示了我在桌面视图中显示的4个项目, 请帮帮我 这是我的密码:-Javascript 如何在react js中使用响应式猫头鹰转盘,javascript,html,css,reactjs,owl-carousel,Javascript,Html,Css,Reactjs,Owl Carousel,我只想在移动视图中显示一个项目。但它显示了我在桌面视图中显示的4个项目, 请帮帮我 这是我的密码:- <div className="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab"> <OwlCarousel className="owl-theme hotel-slider tab-slide" id="tab-slider" l
<div className="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
<OwlCarousel className="owl-theme hotel-slider tab-slide" id="tab-slider" loop margin={10} items={4} nav>
{Data.shimladetail.map((shimlatour, i) => (
<div className="item no-brdr">
<img src={shimlatour.alltourimg} className="tour-img" />
<div className="tour-cntnt">
<h5 className="tours-heading">{shimlatour.alltourtitle}</h5>
<p className="tour-pera">{shimlatour.alltourdiscription}</p>
</div>
</div>
))}
</OwlCarousel>
</div>
{Data.shimladetail.map((shimlatour,i)=>(
{shimlatour.alltourtitle}
{shimlatour.alltourdescription}
))}
尝试使用插件事件,如onResized
和&onResized
或者像mergeFit
和&autoWidth
这样的选项,您可以在下面的链接中找到此选项:
您需要在JavaScript中设置此设置。我将添加java脚本,但同样的问题显示您可以编辑您的帖子以包含JavaScript吗?不,添加JavaScript后我没有编辑我的帖子。