Question

我想执行在此附带的快照中定义的任务。我需要使用PHP foreach循环使用查询来完成此操作，我只有一个表：Categories。请帮帮我。

foreach($items as $item){
	<div class="col-lg-6">
		item 1 
	</div>
	
	<div class="col-lg-6">
		<div class="col-lg-12">
			item 2
		</div>
		<div class="col-lg-12">
			item 3 
		</div>
	</div>
} // end foreach loop

谢谢enter image description here

Answer 1

尝试一下：

$item_count = 1;
$alternate = false;

foreach($items as $item){
 if(!$alternate){
    if($item_count==1){
    echo '
    <div class="col-lg-6">'.
        $item.
    '</div>';
    }

    if($item_count==2){
    echo'
    <div class="col-lg-6">
        <div class="col-lg-12">
            '.$item.'
        </div>';
    }
    if($item_count==3){
        echo'
        <div class="col-lg-12">
            '.$item.'
        </div>
    </div>';
     $item_count = 0; //reset item count here
     $alternate = true;
    } 
  }else{ //alternate item display
    if($item_count==3){
    echo '
    <div class="col-lg-6">'.
        $item.
    '</div>';
     $item_count = 0; //reset item count here
     $alternate = false;

    }

    if($item_count==1){
    echo'
    <div class="col-lg-6">
        <div class="col-lg-12">
            '.$item.'
        </div>';
    }
    if($item_count==2){
        echo'
        <div class="col-lg-12">
            '.$item.'
        </div>
    </div>';
    } 
  }
  $item_count++;
} // end foreach loop

Answer 2

对于您要实现的布局，这将帮助您实现该布局。

$item_count = 1;
foreach($items as $item){
    if($item_count % 2 == 0) {
    echo '
        <div class="row">
            <div class="col-lg-6">
                item 1 
            </div>
            <div class="col-lg-6">
                <div class="row">
                    <div class="col-lg-12">
                        item 2
                    </div>
                    <div class="col-lg-12">
                        item 2
                    </div>
                </div>
            </div>
        </div>';
    }
    else{
            echo '
        <div class="row">
            <div class="col-lg-6">
                <div class="row">
                    <div class="col-lg-12">
                        item 2
                    </div>
                    <div class="col-lg-12">
                        item 2
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                item 1 
            </div>
        </div>';
    }
    $item_count++;
} // end foreach loop

divs cols通过php foreach循环改组

2 个答案: