не работает items и autoWidth в owl-carousel

Проблема заключается в том, что если autoWidth: true, то items не работает. В чем может быть проблема?

$('.owl-carousel').owlCarousel({
  dots: false,
  loop: false,
  mouseDrag: false,
  autoWidth: true,
  items: 3,
  navText: ['<span class="fa fa-angle-left"></span>', '<span class="fa fa-angle-right"></span>'],
  responsive: {
    0: {
      nav: true,
      items: 3
    }
  }
});

.filter__item {
  display: inline-block;
  padding: 10px;
  cursor: pointer;
}
.filter-list {
  float: left;
  position: relative;
  width: 95%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style-type: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="filter-list filter-list-news owl-carousel">
  <li class="filter__item filter__item--active">
    <a href="#" class="filter__link c_filter_label">Все</a>
  </li>
  <li class="filter__item">
    <a href="#" class="filter__link c_filter_label">Аналитика</a>
  </li>
  <li class="filter__item">
    <a href="#" class="filter__link c_filter_label">Важно</a>
  </li>
  <li class="filter__item">
    <a href="#" class="filter__link c_filter_label">Вопрос</a>
  </li>
  <li class="filter__item">
    <a href="#" class="filter__link c_filter_label">Популярное</a>
  </li>
  <li class="filter__item">
    <a href="#" class="filter__link c_filter_label">Закон</a>
  </li>
</ul>