猫头鹰旋转木马堆放物品-大小限制有多少个物品?

时间:2018-11-22 20:32:42

标签: javascript owl-carousel

8个或更多物品后的猫头鹰传送带开始堆积物品

enter image description here

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内部,如图所示:

enter image description here

有帮助吗?

更多怪异的行为...

enter image description here

0 个答案:

没有答案