title: how to solve the error in owl carousel dot not visible
body: <pre><code>                //banner slider
                  var BannerSlider = $('.banner_three_slider');
                  BannerSlider.owlCarousel({
                      items: 1,
                      loop: true,
                      smartspeed: 2000,
                      animateIn: 'fadeIn',
                      animateOut: 'fadeOut',
                      autoplay: true,
                      dots: true,
                      autoplayTimeout:7000,
                      autoplayHoverPause: true,
                      navText: ["&lt;i class='fa fa-angle-left'&gt;&lt;/i&gt;", "&lt;i class='fa fa-angle-right'&gt;&lt;/i&gt;"],
                      responsive: {
                          300: {
                              autoplay: true
                          },
                          768: {
                              autoplay: true
                          }
                      }
                  });
  </code></pre>
  
  <p>hi, everyone, I'm working on one project where I have to add an owl carousel but the thing is it's not visible even though I have given dot: true command my knowledge to javascript is limited please can anyone help me in finding the error in this above code </p>