How to implement carousel under different permissions (owl carousel)?

How to implement a carousel for different devices (different razresheniya ) using owl carousel (or a different carousel. It is important that would work on your tablet, phone) this way:
Extension screen with 1280 (3x3 displays the item on the page)
fa8225330aa3422cb17762b86074b9b9.jpg

Extension screen with 1280 800 (displays a 2x2 item on the page)
b031ad1e701d4cac8339bc23e58610fa.jpg

The extension of the screen from 450 to 800 (displays one item)
cdc983935dad4c6a970efccd54b7f5cc.jpg
July 4th 19 at 22:59
2 answers
July 4th 19 at 23:01
owlcarousel.owlgraphic.com/demos/responsive.html
To choose the values 9, 4 and 1 for the correct dimensions.
And a little bit of finished styles to multiple lines.
"And a little on finished styles to multiple lines. "
That's...that's interesting. If you can detail. Thank you. - delta commented on July 4th 19 at 23:04
: It's been suggested.

I would have acted so:
The flex container, wrap, height need.
Kiddies width in %. BUT, perhaps, failed to kill, the fact that the script appends to an inline. And then I had to be in JS still namudrit them the width calculation.

Another option came to mind:
The values in the carousel to set as usual, 3,2,1. And with JS depending on window size number of item you need to wrap in div's columns.
So even more correctly, perhaps, will be. - Elmer.Upt commented on July 4th 19 at 23:07
July 4th 19 at 23:03
Not really a solution for me. But you can use this method: jsfiddle.net/Owl/TWtwt
Can someone come in handy.

Find more questions by tags Owl Carousel