Javascript 如何在猫头鹰转盘中放置箭头？

有没有办法通过js或html+css将导航箭头放在owl转盘中？它工作正常，但我认为它没有那么好，你必须拖动图像来导航，因此箭头可以为我解决这个问题。我在网上找到了一些答案，但没有一个对我有用，当我在js上修改一些东西时，转盘就停止工作了

 <div class="owl-carousel owl-theme" >
<div class="item itemmb">

    <img class="img-fluid img-card" src="Imagens/dent.jpg">
    <h4 class="h4 text-center my-3"> Test </h4>
     <h4 class="p text-center my-3 sb-m saiba-mais"> Test </h4>

 </div>



  <div class="item">

    <img class="img-fluid img-card" src="Imagens/ped.jpg">
     <h4 class="h4 text-center my-3"> Test </h4>
     <h4 class="h4 text-center my-3 sb-m saiba-mais"> Test </h4>
 </div>
                 <div class="item">

    <img class="img-fluid img-card" src="Imagens/ped.jpg">
     <h4 class="h4 text-center my-3"> Test </h4>
     <h4 class="h4 text-center my-3 sb-m saiba-mais"> Test </h4>
 </div>

试验
试验
试验
试验
试验
试验

$（'.owl carousel'）。owl carousel({
循环：对，
导航：对，
差额：20，
导航：是的，
反应敏捷的：
{
0:{
项目：1
},
600:{
项目：3
},
1000:{
项目：5
}
}

})

---

这是因为响应初始化。如果您没有足够的

项目

，则不会显示任何箭头或点

$（'.owl carousel'）.owlCarousel({
循环：对，
差额：20，
导航：是的，
反应敏捷的：
{
0: {
项目：1
},
600: {
项目：1
},
1000: {
项目：1
}
}
})

试验
试验
试验
试验
试验
试验

可能的副本为我工作！谢谢：）

     <script type="text/javascript">
   $('.owl-carousel').owlCarousel({
loop:true,
navigation: true,
margin:20,
nav:true,
responsive:

       {
    0:{
        items:1
    },
    600:{
        items:3
    },
    1000:{
        items:5
    }
}

   </script>