HTML 文本在 Owl-Carousel div 中的位置随机化

Question

我不确定它是 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 和来自 foundation 的数据均衡器，以使其大小相同。

请帮忙。

Answer 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
        }
    }
});

HTML 文本在 Owl-Carousel div 中的位置随机化

HTML Text is randomizing position in Owl-Carousel divs

html

css

zurb-foundation

owl-carousel