How to implement scrolling slider on OWL?

Question

Bootstrap

There is a cool gallery
https://owlcarousel2.github.io/OwlCarousel2/demos/...
Are there examples of OWL implementation with such a thing;
jqueryui.com/slider
As an option, I will redo it:
https://owlcarousel2.github.io/OwlCarousel2/demos/...

Answer 1

Here you will not need the entire bootstrap, but only its grid (I will show it on the example of a 12-column grid). There can be a lot of implementations, but here is what I did:

<div class="logo col-md-3"></div>

<nav class="col-md-9">
  <ul class="menu col-md-12">
    <li class="col-md-3">
      БУБУБУ
    </li>
    <li class="col-md-3">
      БУБУБУ
    </li>
    <li class="col-md-3">
      БУБУБУ
    </li>
    <li class="col-md-3">
      БУБУБУ
    </li>
    <li class="col-md-3">
      БУБУБУ
    </li>
    <li class="col-md-3">
      БУБУБУ
    </li>
  </ul>
</nav>

codepen.io/anon/pen/EyxVjY
And don't forget to specify in the styles

.menu {
  height: 60px;
  background: #eee;
  color: black;
}

.menu li {
  display: inline-block;
  padding: 5px 0;
  list-style-type: circle;
}

Answer 2

in this style

<div class="row">
  <div class="col-md-4">
    <img src="" class="logo" alt="">
  </div>
  <div class="col-md-8">
    <div class="row">
      <div class="col-md-4">
        <ul>
          <li><label for=""></label><input type="text"></li>
          <li><label for=""></label><input type="text"></li>
        </ul>
      </div>
      <div class="col-md-4">
        <ul>
          <li><label for=""></label><input type="text"></li>
          <li><label for=""></label><input type="text"></li>
        </ul>
      </div>
      <div class="col-md-4">
        <ul>
          <li><label for=""></label><input type="text"></li>
          <li><label for=""></label><input type="text"></li>
        </ul>
      </div>
    </div>
  </div>
</div>

Answer 3

jsfiddle.net/mwams6g2/3