How to Destroy Bootstrap Mobile Carousel for Mobile Solutions

Is it possible to remove the boot carousel (V 3.0.0) only when the resolution is below 768?

I used this CaroufredSel plugin but doesn't seem to work on the download.

I show 4 elements per slide, but if I set #myCarouselto display:block;, I get one element below the other, but only 4 elements are displayed.

EDIT

It seems that my question was missed, I do not want to delete elements or a carousel, I want to remove the functionality of the carousel itself, so 12 elements are overflowed and shown in a block one below the other.

+4
source share
2 answers

javascript,

$("#myCarousel .carousel-inner > .item").css("display","block");

, , 768 , , , .

, - .

+2

@DannyG, , , , .

$("#carousel").carousel("pause"); //pause any transition animation
$("#carousel .carousel-inner > .item").css("display", "block"); //show hidden slides
$("#carousel .carousel-control").css("display", "none"); //hide left, right arrows
$("#carousel .carousel-indicators").css("display", "none"); // hide thumbnails at the bottoms

. . , -.

+1

Source: https://habr.com/ru/post/1583866/


All Articles