title: Owl-Carousel, scroll two items at a time
body: <p>I am working on a slider with Owl-Carousel 2 (beta), but there is a lot that doesn't work well.
  I want the owlCarousel to work like this:</p>
  
  <p>It should scroll 2 items at a time, showing 2 items at a time.
  So: [0,1] <em>slide</em> [2,3] <em>slide</em> [4,5]</p>
  
  <p>On mobile, it should show one picture and scroll by 1 picture at a time.</p>
  
  <pre><code>owl = $('.owl-carousel')
    owl.owlCarousel({
      center: true,
      loop: false,
      margin: 20,
      items: 2,
      responsive: {
        0: {
          items: 1,
          navigation: true,
          nav: true
        },
        640: {
          items: 2,
          navigation: true,
          nav: true
        }
      },
      scrollPerPage: true,
      navigation: true
    }).css("z-index", 0)
  </code></pre>