Как использовать удобные строки карусели и слайдыPerRow на адаптивном дисплее? ⇐ Jquery

[Anonymous]

Я хочу, чтобы мои элементы карусели были на условиях ff:

• Код: Выделить всё

  3 rows and 3 slidesPerRow

  на большом рабочем столе выше.

• Код: Выделить всё

  2 rows and 2 slidesPerRow

  менее 992 пикселей.

• Код: Выделить всё

  1 rows and 1 slidesPerRow

  менее 768 пикселей.

Но кажется, что строки и слайдыPerRow не работают на маленьком рабочем столе ниже? Всегда отображаются большие настройки рабочего стола?
Вы можете проверить/запустить коды ниже:

Код: Выделить всё

$(function() {
$('.slick-slider-multiple').slick({
rows: 3,
slidesPerRow: 3,
responsive: [
{
breakpoint: 992,
settings: {
rows: 2,
slidesPerRow: 2,
}
},
{
breakpoint: 768,
settings: {
rows: 1,
slidesPerRow: 1,
}
}
]
});
});

Код: Выделить всё

Slick Slide 1

Slick Slide 2

Slick Slide 3

Slick Slide 4

Slick Slide 5

Slick Slide 6

Slick Slide 7

Slick Slide 8

Slick Slide 9

Slick Slide 10

Slick Slide 11

Slick Slide 12

Slick Slide 13

Slick Slide 14

Slick Slide 15

Slick Slide 16

Slick Slide 17

Slick Slide 18

Slick Slide 19

Slick Slide 20

Подробнее здесь: https://stackoverflow.com/questions/791 ... ve-display