/ / Foundation e Wordpress spazi vuoti - wordpress, zurb-foundation

Spazi vuoti Foundation e Wordpress - wordpress, zurb-foundation

Qualcuno ha un'idea di spazi vuoti che sto facendo un po 'di tempo con wordpress usando il framework delle basi?

    <div class="large-8 columns">

<?php query_posts(array("category_name" => "revista", "paged" => get_query_var("paged"), "posts_per_page" => 9 )); ?>

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

<article class="boletin large-4 columns" style="min-height:1px;">

<a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a>

<h2><a href="<?php the_permalink(); ?>"><?php the_title();?></a></h2>

</article>

<?php endwhile; ?>

</div><!-- /large-8 -->

<?php get_sidebar(); ?>

</div>

Ecco la pagina (per favore usa CTRL + F5 per vedere l'ultima versione)

http://www.aoa.cl/revistas/

risposte:

0 per risposta № 1

la ragione per cui ciò accade è che le tue tessere non hanno uguale altezza. Puoi usare Equalizzatore della Fondazione per risolvere il problema. e lascia il codice se ce l'hai. Vorrei comunque cambiare il grande al piccolo e avere

<article class="small-12 medium-6 large-4 columns">

per ottenere risultati più reattivi. La Fondazione è mobile-first. Codice per schermi di piccole dimensioni, e dispositivi più grandi erediteranno tali stili. Personalizza per schermi più grandi, se necessario.

Se desideri avere solo tre colonne entrambemobile e desktop eseguono le seguenti operazioni: Sto aggiungendo una riga ogni tre righe. cambiato anche da grande a piccolo (gli schermi di grandi dimensioni ereditano piccoli molto meglio di quelli piccoli di grandi dimensioni).

<div class="small-8 columns">
<?php $count=0;?>
<?php query_posts(array("category_name" => "revista", "paged" => get_query_var("paged"), "posts_per_page" => 9 )); ?>

<?php while ( have_posts() ) : the_post(); ?>
<?php if ($count % 3 == 0): ?>
<div class="row">
<?php end_if; ?>
<article class="boletin small-4 columns" style="min-height:1px;">
<a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a>

<h2><a href="<?php the_permalink(); ?>"><?php the_title();?></a></h2>

</article>
<?php if ($count % 3 == 2): ?>
</div>
<?php end_if; ?>
<?php $count++; ?>

<?php endwhile; ?>

</div><!-- /small-8 -->

<?php get_sidebar(); ?>