为猫头鹰轮播中的卡片助推器添加边距

问题描述

当我试图在 owl carousel 中从 bootsrap 4 给卡片留出余量时遇到了麻烦，它没有做任何改变我已经尝试在 .card (css) 和 .owl-corausel (java script) 上留出余量

关于 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 样式。添加“!important”将解决该问题。