Карусель совы после 8 или некоторых предметов начали складывать предметы
HTML
<div id="news-slider" class="owl-carousel owl-theme col-12" style="display:block; margin: 1px">
@foreach ($manchetes as $manchete)
<div class="col-sm-12 col-md-12 col-lg-12" style="border: 1px solid brown; margin: 2px">
<div class="card mb-4 shadow-sm" data-id="{{$manchete->id}}" data-tema="{{$manchete->tema}}"
data-tit="{{ $manchete->titulo }}" data-desc="{{$manchete->descricao}}">
<div class="card-header">
<h2 style="background: gold;" class="my-0 font-weight-normal">
Javascript
$('#news-slider').owlCarousel({
center: false,
loop: true,
margin: 5,
items: 3,
pagination: true,
navigationText: true,
dots: true,
autoPlay: true,
autoplayTimeout: 1500,
autoplayHoverPause: true,
scrollPerPage: true,
animateOut: 'slideOutDown',
animateIn: 'flipInX',
stagePadding: 5,
smartSpeed: 1650,
dotsEach:3,
nav: true,
Очень странно, что в инспекторе элементов он показывает элементы как внутри того же самого div
, как на рисунке:
Любая помощь?
Более странное поведение ...