Question

我有一个带有两个子字段（两个文本）的转发器字段，我希望它们显示在三列之间。目前，它们出现在一列中，每个转发器字段都出现在一个新行而不是三列中。

这是我的代码：

<div class="container staff"> <!-- Staff -->
<div class="row">
    <div class="col-lg-4">                                                  
            <?php if( have_rows('directors_info') ): ?>
                <?php while ( have_rows('directors_info') ) : the_row(); ?>

                    <?php the_sub_field('name'); ?>
                    <?php the_sub_field('profile'); ?>

                <?php endwhile; ?>
            <?php endif; ?>                                                 
    </div>
</div>

Answer 1

您只使用一列而不是在每次迭代时创建一列。尝试这样的事情：

<div class="container staff"> <!-- Staff -->
  <?php if( have_rows('directors_info') ): ?>
    <div class="row">
      <?php while ( have_rows('directors_info') ) : the_row(); ?>
        <div class="col-lg-4">
          <?php the_sub_field('name'); ?>
          <?php the_sub_field('profile'); ?>
        </div>
      <?php endwhile; ?>
    </div>
  <?php endif; ?>
</div>

这会生成类似http://jsfiddle.net/k0L7dvpc/

的内容

ACF中继器字段向下输出一列而不是三列

1 个答案: