带有引导列的PHP计数逻辑

带有引导列的PHP计数逻辑,php,wordpress,twitter-bootstrap,Php,Wordpress,Twitter Bootstrap,我想计算自定义字段的数量,并为列提供正确的宽度,以便使用Bootstrap3 如果有2个条目,我希望它是: <div class="col-md-6"> <div class="col-md-4"> 例如。如果我有6篇文章,这就是DOM: <div class="col-md-2"><h2>Homer Simpson’s Guide to Tom Cruise</h2></div> <div class="c

我想计算自定义字段的数量,并为列提供正确的宽度,以便使用Bootstrap3

如果有2个条目,我希望它是:

<div class="col-md-6">
<div class="col-md-4">
例如。如果我有6篇文章,这就是DOM:

<div class="col-md-2"><h2>Homer Simpson’s  Guide  to  Tom Cruise</h2></div>
<div class="col-md-2"><h2>Homer Simpson’s  Guide  to  Tom Cruise</h2></div> 
...
霍默·辛普森汤姆·克鲁斯指南 荷马·辛普森汤姆·克鲁斯指南 ...
让我们收集数组$elements的输出,获得列的大小,并用它包装:

<?php if( have_rows('buehne_inhalt', 'option') ): ?>

  <h2><?=the_sub_field('subline')?></h2>
  <div class="row">
  <$php 
  $elements = []; 
  while( have_rows('buehne_inhalt', 'option') ): the_row();
    $image = get_sub_field('buehne_bild');
    $size = 'img-s';
    if( $image ) {
        $element = wp_get_attachment_image( $image, $size );
    }

    $elements[] = $element;
  endwhile; 

  if(sizeof($elements)>0) {
    $size = ceil(12 / sizeof($elements));
    if($columns<2) $columns = 2;

    foreach($elements AS $element) {
      echo '<div class="col-md-'.$size.'">'.$element.'</div>';
    }
  }
  ?>
</div>
<?php endif; ?> 

0) {
$size=ceil(12/sizeof($elements));
如果($列

您必须知道前面的post数量,然后决定需要多少列。如果有3个post,您的代码将生成4列
col-md-12
col-md-6
col-md-4
col-md-3
,因为您在循环中增加了计数器。如果使用此代码,“子行”在元素之外(在表决前)。
<?php if( have_rows('buehne_inhalt', 'option') ): ?>

  <h2><?=the_sub_field('subline')?></h2>
  <div class="row">
  <$php 
  $elements = []; 
  while( have_rows('buehne_inhalt', 'option') ): the_row();
    $image = get_sub_field('buehne_bild');
    $size = 'img-s';
    if( $image ) {
        $element = wp_get_attachment_image( $image, $size );
    }

    $elements[] = $element;
  endwhile; 

  if(sizeof($elements)>0) {
    $size = ceil(12 / sizeof($elements));
    if($columns<2) $columns = 2;

    foreach($elements AS $element) {
      echo '<div class="col-md-'.$size.'">'.$element.'</div>';
    }
  }
  ?>
</div>
<?php endif; ?>