Bootstrap 3 карусель, показывающий заготовку в конце

Question

Это интересно. У меня есть карусель на главной странице и карусель на внутренней странице. Оба кода точно такие же, но по какой-то причине внутренняя страница карусели показывает пустой слайд в конце, затем идет на высоту 10 пикселей и запускает слайд-шоу (при 10 пикселей по-прежнему). Главная страница карусели работает отлично.

Вот код для обоих каруселей

<div id="carousel-example-generic" class="carousel slide carousel-fade" data-ride="carousel" style="max-height: 481px;overflow: hidden;"> 
    <div class="carousel-inner" style="overflow: inherit;"> 

    <div class="item active"> 
     <img src="http://example.com/image1.png"> 
    </div> 

    <div class="item"> 
     <img src="http://example.com/image2.png"> 
    </div> 

    </div> 
</div> 

я подумал, что, может быть, это была противоречивой «ID» ошибка, поэтому я изменил идентификатор на внутренней странице каруселью и ничего не делал.

Главная код шаблона:

<?php 
/* 
Template Name: Homepage 
*/ 
?> 

<?php get_header(); ?> 


<?php 

if (is_front_page()) { 

?> 
    <div id="carousel-example-generic" class="carousel slide carousel-fade" data-ride="carousel" style="max-height: 481px;overflow: hidden;"> 
    <div class="carousel-inner" style="overflow: inherit;"> 

    <div class="item active"> 
     <img src="http://example.com/image1.png"> 
    </div> 

    <div class="item"> 
     <img src="http://example.com/image2.png"> 
    </div> 

    </div> 
</div> 

<?php } else { } ?> 


<div class="row main-content homepage"> 
<div class="col-sm-12"> 
    <div class="row"> 
    <div class="col-sm-4">test 
    </div> 
    <div class="col-sm-4">test  
</div> 
    <div class="col-sm-4">test 
</div> 
</div></div></div> 
<?php get_footer(); ?> 

Внутренний код страницы:

<?php get_header(); ?> 



<div class="row main-content"> 
<div class="col-sm-12"> 
<?php if (have_posts()) : while (have_posts()) : the_post(); ?> 



<?php if (!is_front_page()) { ?> <h1><?php the_title() ;?></h1> <?php } else {} ?> 

    <?php the_content(); ?> 



<?php endwhile; else: ?> 



    <p>Sorry, this page does not exist</p> 



<?php endif; ?> 

</div> 
</div><!-- end row --> 
<?php get_footer(); ?> 

Спасибо!

Answer 1

Комментарий koala_dev заставило меня понять, что может быть что-то неправильно с тем, как WordPress обрабатывает контур контента. Вот что испортило мою карусель. Я создал новый внутренний шаблон для этой конкретной страницы и передал мне эту карусель. Теперь он отлично работает. Спасибо за прочтение.