具有引导和自定义POST类型的2行中不同的列宽-需要不同的类

时间:2015-02-16 作者:Damir

我在我的WP网站上使用自定义的帖子类型,也使用引导。

我想在我的主页上列出5个自定义帖子类型条目,我希望前3个在一行中有col-md-4类,在下一行中有2个cpt条目有col-md-6类

目前,我有一个col-md-4类,第二行的两个项目没有很好地居中。

这是我当前的代码:

<div class="container-fluid gray-section">
                <div class="container">
                    <div class="row">
                        <?php 
                        $projects = get_posts(array(\'post_type\'=>\'project\',\'posts_per_page\'=>5, \'order\'=>\'ASC\'));
                        if ($projects) { ?>
                            <ul class="list-unstyled">
                                <?php foreach ($projects as $post) { setup_postdata( $post ) ?>
                                <li class="col-md-4 col-sm-6 col-xs-12 col-xxs-12 text-center ">
                                    <a class="highlights-item" href="<?php echo get_permalink(); ?>">
                                        <div class="highlights-container">
                                                    <?php the_post_thumbnail(); ?>
                                                    <span class="highlights-title">
                                                        <?php the_excerpt(); ?>
                                                    </span>
                                        </div>
                                    </a>
                                </li>
                                                    <?php } wp_reset_postdata(); ?>
                            </ul>
                                            <?php }
                                ?>  

                            </div> <!-- end row -->
                        </div> <!-- end container -->
                    </div> <!-- end container fluid --> 
有什么建议可以解决这个问题吗?

1 个回复
SO网友:cristian.raiber

请尝试下面的代码。

<div class="container-fluid gray-section">
                            <div class="container">
                                <div class="row">
                                    <?php 
                                    $projects = get_posts(array(\'post_type\'=>\'project\',\'posts_per_page\'=>5, \'order\'=>\'ASC\'));
                                    if ($projects) { ?>
                                        <ul class="list-unstyled">
       <?php $i = 0; ?>
                      <?php foreach ($projects as $post) { setup_postdata( $post ) ?>
        <?php if($i % 3 == 1) { ?>
        <li class="col-md-4 col-sm-6 col-xs-12 col-xxs-12 text-center ">
        <?php } else if ($i % 3 == 0 && $i > 0) { ?>
        <li class="col-md-6 col-sm-6 col-xs-12 col-xxs-12 text-center ">
        <?php } ?>**
                                                <a class="highlights-item" href="<?php echo get_permalink(); ?>">
                                                    <div class="highlights-container">
                                                                <?php the_post_thumbnail(); ?>
                                                                <span class="highlights-title">
                                                                    <?php the_excerpt(); ?>
                                                                </span>
                                                    </div>
                                                </a>
                                            </li>
    <?php $i++; ?>
                                                                <?php } wp_reset_postdata(); ?>
                                        </ul>
                                                        <?php }
                                            ?>  

                                        </div> <!-- end row -->
                                    </div> <!-- end container -->
                                </div> <!-- end container fluid --> 

结束

相关推荐

Php显示文章循环,而不是页面内容

我的首页显示最新帖子,使用index.php.我的page.php 包含wp_header 在顶部wp_footer 以下,以及介于两者之间的内容:while (have_posts()) : the_post(); get_template_part( \'content\', \'page\' ); endwhile; 我的content-page.php 应该打印出来the_content() 以及the_title() 但它返回所有帖子的内容和标题。我错过了什么?