HTML Text在Owl-Carousel div中随机化位置

时间:2017-08-03 12:50:55

标签: html css zurb-foundation owl-carousel

我不确定它是猫头鹰 - 旋转木马,但我的文字都在讨论。 这就是它的外观:http://imgur.com/a/4Q5Gy

这是HTML代码:

<div class="panel panel-casestudy" data-equalizer-watch="" style="height: 258px;">
<h4><strong>200% wzrost sprzedaży</strong></h4>
<p>W ciągu 2 lat współpracy sprzedaż wzrosła dwukrotnie, czyli z 40 tysięcy złotych miesięcznie na ponad 80 tysięcy złotych miesięcznie. </p>
<p><a href="/artykul/25,case-study.html">Czytaj więcej...</a></p>

正如您在HTML中看到的那样,200%应该是第一个字。点在左侧而不是文本的结尾。

我使用Zurb Foundation Framework,Owl-Carousel-2和基础的数据均衡器使它们的大小相同。

请帮忙。

1 个答案:

答案 0 :(得分:1)

创建轮播的新实例时,将rtl属性设置为true。

将JQuery更改为:

$(".historiesukcesu").owlCarousel({
    loop:true,
    autoplay:true,
    stagePadding: 50,
    rtl:false,
    autoplayTimeout:3000,
    margin:0,
    smartSpeed:800,
    nav: false,
    dots: false,
    responsiveClass:true,
    responsive:{
        0:{
            items:1
        }
    }
});