Question

所以我使用的是一个名为Roots的Twitter引导框架，这是我关于这个问题的第二篇帖子，有些人说我没有足够的信息，所以我会尽可能地提供。

问题：Twitter引导程序缩略图在index.php中堆叠在一起而不是并排。

代码（请原谅我，如果它凌乱。我已经阅读了代码粘贴提示但仍然不明白..这就是为什么它缩进怪异的原因）

 <div class="container">
    <div class="row">
      <div class="col-md-3 pull-right">
      <?php dynamic_sidebar('sidebar-primary'); ?>
      </div>
      <?php get_template_part('templates/page', 'header'); ?>

      <div class="col-md-9">
      <?php if (!have_posts()) : ?>
      <div class="alert alert-warning">
      <?php _e('Sorry, no results were found.', 'roots'); ?>
      </div>
      <?php get_search_form(); ?>
      <?php endif; ?>
      <?php while (have_posts()) : the_post(); ?>
       <?php get_template_part('templates/content', get_post_format()); ?>
      <?php endwhile; ?>
      <?php if ($wp_query->max_num_pages > 1) : ?>
      </div>
      <nav class="post-nav">
     <ul class="pager">
      <li class="previous"><?php next_posts_link(__('&larr; Older posts', 'roots')); ?></li>
      <li class="next"><?php previous_posts_link(__('Newer posts &rarr;', 'roots')); ?></li>
     </ul>
      </nav>
    </div>
  </div>
  <?php endif; ?>

很抱歉，我无法发布图片，因为我需要10个声望......但我可以给你链接

Bootstrap thumbnails stacking

        <article <?php post_class(); ?>>
      <header>
        <div class="container">
         <div class="row">
            <div class="col-sm-6 col-md-3">
             <div class="thumbnail">
                <?php if(has_post_thumbnail()) : ?>
                     <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" >
                    <?php the_post_thumbnail(); ?>
                       </a>
                  <?php endif; ?>
                <div class="caption">
                     <h3 class="thumbnail-label"><a class="" href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
                    <?php get_template_part('templates/entry-meta'); ?>
                     <div class="entry-summary">
                    <?php the_excerpt(); ?>
                      </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        </header>
    </article>

这是我能做的最好的事情，如果这不够好请给我提示......我很新，我正在努力学习。如果有任何解决方法，我的主要目标是将缩略图放在3行

中

Wordpress循环堆栈twitter bootstrap缩略图，而不是使它们内联

0 个答案: