Css 如何修复转盘中的引导空幻灯片

Css 如何修复转盘中的引导空幻灯片,css,wordpress,twitter-bootstrap,Css,Wordpress,Twitter Bootstrap,我面临引导转盘的问题。当我返回到站点的选项卡时,它会显示空幻灯片和下一张幻灯片。我和wordpress一起工作。我认为空的是幻灯片的包装。但为什么回到账单时幻灯片会变得很奇怪呢 你们能帮忙吗。下面是我的wordpress和引导转盘 <div id="myCarousel" class="carousel slide" data-ride="carousel"> <?php $rows = get_field('slidershow', 25); $row_

我面临引导转盘的问题。当我返回到站点的选项卡时,它会显示空幻灯片和下一张幻灯片。我和wordpress一起工作。我认为空的是幻灯片的包装。但为什么回到账单时幻灯片会变得很奇怪呢

你们能帮忙吗。下面是我的wordpress和引导转盘

<div id="myCarousel" class="carousel slide" data-ride="carousel">

<?php

    $rows = get_field('slidershow', 25);
    $row_count = count($rows);

?>

  <!-- Indicators -->
  <ol class="carousel-indicators">

  <?php for($counter = 0; $counter < $row_count; $counter++): ?>

  <?php if($counter == 0): ?>
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
  <?php else: ?>
      <li data-target="#myCarousel" data-slide-to="<?php echo $counter; ?>"></li>
  <?php endif; endfor; ?>

  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">

    <?php 

    $images = get_field('slidershow', 25);

    $counter = 0;

    if( $images ): ?>

    <?php foreach( $images as $image ): ?>

      <?php if($counter == 0): ?>

        <div class="item active">
          <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" />
          <div class="carousel-caption">
            <h3><?php echo $image['alt']; ?></h3>
            <p><?php echo $image['description']; ?></p>
          </div>
        </div>

      <?php else: ?>

        <div class="item">
          <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" />
          <div class="carousel-caption">
            <h3><?php echo $image['alt']; ?></h3>
            <p><?php echo $image['description']; ?></p>
          </div>
        </div>

      <?php endif; $counter++; ?>
    <?php endforeach; ?>
    <?php endif; ?>

  </div>


  <!-- Left and right controls -->
  <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>


  • 大家好,我注意到即使使用w3schools的默认引导旋转木马代码(BootstrapJSCarousel)。单击或返回站点的选项卡时,将显示空div。