/ / फाउंडेशन और वर्डप्रेस खाली रिक्त स्थान - वर्डप्रेस, ज़र्ब-फाउंडेशन

फाउंडेशन और वर्डप्रेस रिक्त स्थान - वर्डप्रेस, ज़र्ब-फाउंडेशन

किसी के बारे में एक विचार है खाली स्थान कि मैं नींव ढांचे का उपयोग कर WordPress के साथ थोड़ी देर लूप में हो रहा हूँ?

    <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>

यहां पृष्ठ है (कृपया उपयोग करें CTRL + F5 नवीनतम संस्करण देखने के लिए)

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

उत्तर:

जवाब के लिए 0 № 1

ऐसा होने का कारण यह है कि आपकी टाईल्स की ऊंचाई समान नहीं है। आप उपयोग कर सकते हैं फाउंडेशन तुल्यकारक इसे ठीक करने के लिए। और कोड को छोड़ दें आपके पास है। मैं अभी भी बड़े से छोटे और बदल जाएगा

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

बेहतर उत्तरदायी परिणाम प्राप्त करने के लिए। फाउंडेशन मोबाइल-पहला है। पहले छोटी स्क्रीन के लिए कोड, और बड़े डिवाइस उन शैलियों का वारिस करेंगे। आवश्यकतानुसार बड़ी स्क्रीन के लिए अनुकूलित करें।

यदि आप दोनों पर केवल तीन कॉलम रखना चाहते हैंमोबाइल और डेस्कटॉप अनुवर्ती करते हैं: मैं हर तीन लाइनों में एक पंक्ति जोड़ रहा हूँ। बड़े से छोटे में भी बदल दिया (बड़ी स्क्रीन छोटे वारिस बड़े से छोटे से बेहतर होती है)।

<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(); ?>