plugin - tema bootstrap para wordpress

Desarrollador de temas de WordPress de Bootstrap-Cómo usar el bucle de WP para generar span6 en un diseño de span12

Question

Actualmente estoy trabajando en un proyecto de tema wp y estoy intentando implementar el ciclo en una clase = "span6" en un diseño de 12 cuadrículas, de modo que genere una estructura de cuadrícula de 2 columnas de todas mis publicaciones de wp. pero el rango diferente de seis no se alineará correctamente, solo los dos primeros se alinean bien. en una página estática, normalmente implementaría el diseño de la cuadrícula así:

<div class="row-fluid">
    <div class="span6">Content</div>
    <div class="span6">Content</div>
</div>
<div class="row-fluid">
    <div class="span6">Content</div>
    <div class="span6">Content</div>
</div>
<div class="row-fluid">
    <div class="span6">Content</div>
    <div class="span6">Content</div>
</div>
...and so on

sin embargo, dado que el famoso bucle wp solo necesitará un span6, no puedo hacer este método.

¿Qué puedo hacer para que el otro span6 generado se alinee correctamente?

noté que el problema provenía del margen izquierdo `.row-fluid`, también comprobé esto , esto y muchos más ... pero ninguno ha respondido mi pregunta con respecto a la generación de span6 en un bucle wp

así es como se ve mi página:

<div class="span8">
   <?php if(have_posts()): while(have_posts()): the_post();?>
   <article class="span6">
       <div>
         //content goes in here
       </div>
    </article>
    <?php endwhile; else: ?>
    <p><h3>Sorry, No Post Available.</h3></p>
    <?php endif; ?>
</div>
<div class="span4">
 <?php get_sidebar()?>
</div>

mi salida actual se ve así `ingresa el código aquí"

pero lo que realmente quiero es algo como esto:
`ingrese el código aquí`

¿Alguna ayuda, por favor?

Answer 1

Lo que suelo hacer en una situación como esta es usar una variable $counter . Coloque esto después de su the_post();

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<div class="post">
<?php
    //echo post here
    the_title();
    the_content();
?>

</div> <!-- close .post div -->

<?php
    $counter++;
    if ($counter % 2 == 0) {
    echo ''<div style="clear:both;"></div>'';
    }
?>


<?php endwhile; else: ?>
    <p><?php _e(''Sorry, no posts matched your criteria.''); ?></p>
<?php endif; ?>

El CSS que utilizarías para el código anterior sería:

.post{
    float:left;
    width:300px; /* width of the post */
}

Supongo que eso es lo que estás buscando.