1
我試圖將Bootstrap旋轉木馬集成到我的Wordpress主題中作爲一個推薦滑塊。證明書和徽標顯示(我使用自定義帖子類型),但唯一沒有顯示的是旋轉木馬指示器。我已經瀏覽了很多Stackoverflow問題和其他網頁,但我找不到解決方案。Bootstrap旋轉木馬指標不顯示在Wordpress中
有人可以看看我的代碼,看看我能做些什麼來解決它嗎?感謝您的幫助。
<ol class="carousel-indicators">
<?php
$args = array(
'post_type' => 'testimonial',
'orderby' => 'post_id',
'order' => 'ASC'
);
$loop = new WP_Query($args);
$banner_count = 0;
while ($loop->have_post()) : $loop->the_post();
if ($banner_count == 0){
$active_item = 'active';
}
else {
$active_item = '';
}
?>
<li data-target="#quote-carousel" data-slide-to="<?php echo $banner_count; ?>" class="<?php echo $active_item; ?>"></li>
<?php $banner_count++; endwhile; ?>
</ol>
<!-- Carousel Slides/Quotes -->
<div class="carousel-inner">
<?php
$loop = new WP_Query($args);
$banner_count = 0;
while ($loop->have_posts()) : $loop->the_post();
if ($banner_count == 0){
$active_item = 'active';
}
else {
$active_item = '';
}
?>
<!-- Quote 1 -->
<div class="item <?php echo $active_item; ?>">
<blockquote>
<div class="row">
<div class="col-sm-3 text-center">
<img class="img-circle">
<?php
if (has_post_thumbnail()) {
the_post_thumbnail(array(200, 100));
}
?>
</div>
<div class="col-sm-9">
<?php the_content(); ?>
<small><?php the_title(); ?></small>
</div>
</div>
</blockquote>
</div>
<?php $banner_count++; endwhile; ?>
</div>
檢查你的css中.carousel指標和.carousel指標李在cosole你可能會發現它爲什麼不顯示。 –
分享你的網站網址 –
嘿monsty - 我試圖做同樣的事情,但你有問題。你在使用BS4嗎?如果是這樣,請你能分享整個代碼片段,以使其作爲推薦滑塊工作嗎?謝謝! – user3502952