Comment implémenter un effet carrousel pleine largeur sur les appareils mobiles

Question

Comment puis-je afficher mon carrousel en pleine largeur sur un téléphone mobile ou un appareil à petit écran ? Toute aide serait grandement appréciée. Vous pouvez consulter le code ci-dessous, ou directement sur mon CodePen - https://codepen.io/nurzamf-the-lessful/pen/ZEodKGO

P粉170438285 · Answer

J'espère que cela vous sera utile ! ! !

jQuery(document).ready(function(){
            jQuery('#owl-carousel').owlCarousel({
                loop: true,
                margin: 0,
                dots: true,
                nav: true,
                items: 2,
                responsiveClass:true,
                responsive:{
                    1000:{
                        items:2,
                        nav:true,
                        loop:true
                    },
                    600:{
                        items:1,
                        nav:true,
                        loop:true
                    },
                    0:{
                        items:1,
                        nav:true,
                        loop:true
                    }
                }
            });
        });

.contain {
    width: 100%;
}

.item {
     width:100%;
     color: white;
     background-color: salmon;
     display: block;
}



  
    
    
    
    Dashboard