Owl Carousel不会出现在index.php中?

时间:2016-10-02 01:06:06

标签: php jquery css wordpress twitter-bootstrap

我想让owl carousel插件显示在这个wordpress / bootstrap主题上,但是当我尝试添加它时它不会显示。

HTML

    <div class="row">
                   <div id="owl-demo" class="owl-carousel">
  <div><img src="http://placehold.it/1170x300/42bdc2/FFFFFF"></div>
  <div><img src="http://placehold.it/1170x400/42bdc2/FFFFFF"></div>
  <div><img src="http://placehold.it/1170x500/42bdc2/FFFFFF"></div>
  <div><img src="http://placehold.it/1170x200/42bdc2/FFFFFF"></div>
  <div><img src="http://placehold.it/1170x500/42bdc2/FFFFFF"></div>
  <div><img src="http://placehold.it/1170x250/42bdc2/FFFFFF"></div>
  <div><img src="http://placehold.it/1170x350/42bdc2/FFFFFF"></div>
  <div><img src="http://placehold.it/1170x300/42bdc2/FFFFFF"></div>
  <div><img src="http://placehold.it/1170x100/42bdc2/FFFFFF"></div>
  <div><img src="http://placehold.it/1170x500/42bdc2/FFFFFF"></div>
</div>

                </div>

CSS

#owl-demo .owl-item div{
  padding:5px;
}
#owl-demo .owl-item img{
  display: block;
  width: 100%;
  height: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

是否与在wordpress主题中使用它有关?

0 个答案:

没有答案