当我试图在owl carousel中从bootsrap 4中的卡片上给边距时遇到了麻烦,它没有做任何更改,我已经尝试在.card(css(和.owl corausel(java脚本(上给边距了
关于css
.card {
display: inline-block;
margin-right: 10px;
}
js
$('.owl-carousel').owlCarousel({
stagePadding: 1,
loop:true,
margin:10,
responsiveClass:true,
responsive:{
0:{
items:1,
nav:true
},
600:{
items:3,
nav:false
},
1000:{
items:5,
nav:true,
loop:false
}
}
});
您可能应该这样做:
margin-right 10px !important;
问题可能是您试图覆盖默认的Boostrap样式。添加"!"重要";将解决这个问题。