Wordpress пользовательского макет в страницах результатов поиска с Bootstrap

Question

Я хотел бы получить некоторую помощь, если это возможно, в следующем вопросе:

Я использую в моей теме Бытия самозагрузки сетки, и хотел бы, чтобы отобразить результаты поиска с помощью этой сетки.

Я создал search.php со следующим кодом:

<?php 
/** 
* Search Results Template File 
*/ 
get_header(); ?> 
    <header> 
     <h1>Search Results: &quot;<?php echo get_search_query(); ?>&quot;</h1> 
     <br> 
    </header> 

<?php if (have_posts()) : // results found?> 
    <?php while (have_posts()) : the_post(); ?> 

<div class="container-fluid"> 

<div class="row"> 

<div class="col-md-3 col-sm-6 col-xs-12"> 
<div class="gr-infos-container-cliente"> 
<div class="gr-promo-do-cliente"><?php the_field('tipo_de_promo');?></div> 
<div class="gr-img-cliente"><a href="<?php the_permalink();?>" title="<?php the_title();?>"><img src="<?php echo get_field('foto_cliente_miniatura');?>" alt="" class="img-responsive center-block"></a></div> 
<div class="gr-nome-cliente"><a href="<?php the_permalink();?>" title="<?php the_title();?>"><?php the_title();?></a></div> 
<div class="gr-tagline-cliente"><?php the_field('tagline_do_anunciante');?></div> 
<div class="gr-bairro-do-cliente"><i class="cliente fa fa-map-marker"></i><?php the_field('bairro_do_cliente');?></div> 
</div> 
</div> 

</div> <!-- Row --> 

</div> <!-- Container --> 

<?php endwhile; ?> 

<?php else : // no results?> 
    <article> 
     <h1>No Results Found.</h1> 
    </article> 
<?php endif; ?> 
<?php get_footer(); ?> 

genesis(); 

Но в результате поиска, содержание выравнивается один поверх другого, а не в выбранной сетке.

Любые советы, которые вы можете мне дать?

Я очень благодарен за любую помощь!

Answer 1

Это связано с тем, что ваш 'row' div находится внутри цикла while, заставляя его генерировать несколько 'row' div вместо одного.

Чтобы исправить это, вам нужно поместить цикл while внутри div 'row'.

Попробуйте код сильфона

<?php 
/** 
* Search Results Template File 
*/ 
get_header(); ?> 
<header> 
    <h1>Search Results: &quot;<?php echo get_search_query(); ?>&quot;</h1> 
    <br> 
</header> 

<?php if (have_posts()) : // results found?> 
<div class="container-fluid"> 
    <div class="row"> 
    <?php while (have_posts()) : the_post(); ?> 
     <div class="col-md-3 col-sm-6 col-xs-12"> 
      <div class="gr-infos-container-cliente"> 
       <div class="gr-promo-do-cliente"><?php the_field('tipo_de_promo');?></div> 
       <div class="gr-img-cliente"><a href="<?php the_permalink();?>" title="<?php the_title();?>"><img src="<?php echo get_field('foto_cliente_miniatura');?>" alt="" class="img-responsive center-block"></a></div> 
       <div class="gr-nome-cliente"><a href="<?php the_permalink();?>" title="<?php the_title();?>"><?php the_title();?></a></div> 
       <div class="gr-tagline-cliente"><?php the_field('tagline_do_anunciante');?></div> 
       <div class="gr-bairro-do-cliente"><i class="cliente fa fa-map-marker"></i><?php the_field('bairro_do_cliente');?></div> 
      </div> 
     </div> 
    <?php endwhile; ?> 
    </div> <!-- Row --> 
</div> <!-- Container --> 

<?php else : // no results?> 
<article> 
    <h1>No Results Found.</h1> 
</article> 
<?php endif; ?> 
<?php get_footer(); ?> 

genesis();