Проблемы со столбцами начальной загрузки на странице архива Wordpress

Question

У меня есть сайт, который я построил, у меня есть все элементы, настроенные на одной странице, готовые для добавления на разные страницы моего сайта.Когда я добавляю видео на страницу архива, что бы я ни делал, столбцы всегда располагаются друг под другом, а не бок о бок, как это должно быть на моей странице примера.

Пример страницы:

https://sdltrefunds.ctatax.uk.com/test/

Я использовал код на странице archive.php много раз, примерно на 4 сайтах, и он работает нормально, нопросто нет на этом сайте.

Единственное, о чем я могу подумать, это то, что я использую новый плагин под названием «Пользовательский тип сообщения» вместо «Типы», не уверенный, влияет ли это на него.

I 'Мы также пытались использовать следующее:

.post-type-archive-videos article { width:100%!important;}

, и я также пытался использовать клир после статьи.

Интересно, когда я удаляю the_excerpt или posts_on, я получаю странные результаты.

все столбцы меняются.

Может кто-нибудь помочь?Страница находится здесь:

https://sdltrefunds.ctatax.uk.com/archive/video

Код на странице:

<?php
/**
 * @package WordPress
 * @subpackage HTML5-Reset-WordPress-Theme
 * @since HTML5 Reset 2.0
 */
 get_header(); ?>

<div class="wrapper">
    <div class="parallax two">
    </div>
</div>
<div class="wrapper">
    <div class="inner">
        <h1>Videos</h1>
        <div class="row">
            <?php if (have_posts()) : ?>

            <?php while (have_posts()) : the_post(); ?>

            <article <?php post_class() ?>>
                <div class="col-xs-12 col-sm-6 col-md-12">
                    <h3><a href="<?php the_permalink() ?>">
                            <?php the_title(); ?></a></h3>
                    <div class="embed-responsive embed-responsive-16by9">
                        <iframe class="embed-responsive-item" src="<?php the_field('video_link'); ?>" />" allowfullscreen></iframe>
                    </div>
                    <p>
                        <?php the_excerpt(); ?>
                    </p>
                    <p>
                        <?php posted_on(); ?>
                    </p>
                    <p><a href="<?php the_permalink() ?>" class="btn btn-default" role="button">Read more</a></p>
                </div>
            </article>

            <?php endwhile; ?>

            <?php else : ?>

            <?php endif; ?>

        </div>
    </div>
</div>

<?php get_footer(); ?>

Answer 1

Please use this edit code bootstrap columns 

<article <?php post_class() ?>>
     <div class="your columns css like col-md-6 ">
     // your code post code
      </div>
 </article >


  TO


<div class="your columns css like col-md-6">
   <article <?php post_class() ?>>
   // your code post code
   </article >
</div>

Answer 2

Попробуйте запустить страницу за пределами WordPress, если можете, и сравните результаты.Таким образом, вы можете увидеть, если это проблема внутри вашего html / css или это что-то, что добавляет WordPress. Я бы порекомендовал просто запустить его в WAMP как обычную реализацию html / css без PHP-кода WordPress.