карусель сова не отображается на тему WordPress

Question

Я вставляю карусель в тему WordPress, но она не может отображаться во внешнем интерфейсе.

Ниже моего кода:

<link rel="stylesheet" href="http://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/assets/owl.carousel.min.css">
<link rel="stylesheet" href="http://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/assets/owl.theme.default.min.css">
<script src="http://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/owl.carousel.js"></script>       
<div class="owl-carousel">
<?php while ($the_query -> have_posts()) : $the_query -> the_post(); ?>
<div>
<div class="col-md-4">
<div class="product-border">
<div class="col-md-12" style="height:75%";>
<?php the_post_thumbnail();?>
</div>
<div class="col-md-12 product-title" style="height:25%";>
<div class="col-md-8">
<?php $perma = get_the_permalink(); ?>
<h2><a href="<?php echo $perma; ?>"><?php the_title(); ?></a></h2>
</div>
<div class="col-md-4">
<a href="<?php echo $perma; ?>" style="font-size: 35px;color:  #000;background-color: #D7D7D7;padding: 14px;float: right;margin-right: -31px;"> 
<p>→</p></a>
</div>

</div>
</div>
</div>
</div>
<?php
endwhile;
?>
</div>

<script>
jQuery(document).ready(function(){
    jQuery(".owl-carousel").owlCarousel();
});
</script>

Я использую карусель совы, но это не отображается в моей теме

Answer 1

Я получил свой ответ. Просто используйте этот запрос вне main div