Divs cols перетасовывает цикл php foreach

Я хочу выполнить задачу, которая определена в прилагаемом снимке с помощью. все, что мне нужно сделать, используя цикл 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

Спасибовведите описание изображения здесь

Вы уже написали какой-нибудь сценарий?

McBern 26.12.2018 07:44

Неа. я полностью запутался. как это сделать.

Muhammad Khurshid 26.12.2018 07:45

@McBern, пожалуйста, ответьте на мой вопрос. Спасибо

Muhammad Khurshid 26.12.2018 08:18
Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Symfony Station Communiqué - 7 июля 2023 г
Symfony Station Communiqué - 7 июля 2023 г
Это коммюнике первоначально появилось на Symfony Station .
Оживление вашего приложения Laravel: Понимание режима обслуживания
Оживление вашего приложения Laravel: Понимание режима обслуживания
Здравствуйте, разработчики! В сегодняшней статье мы рассмотрим важный аспект управления приложениями, который часто упускается из виду в суете...
Установка и настройка Nginx и PHP на Ubuntu-сервере
Установка и настройка Nginx и PHP на Ubuntu-сервере
В этот раз я сделаю руководство по установке и настройке nginx и php на Ubuntu OS.
Коллекции в Laravel более простым способом
Коллекции в Laravel более простым способом
Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря...
Как установить PHP на Mac
Как установить PHP на Mac
PHP - это популярный язык программирования, который используется для разработки веб-приложений. Если вы используете Mac и хотите разрабатывать...
5
3
47
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Попробуй это:

$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

Для макета, который вы хотите реализовать, это поможет вам добиться этого макета.

$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

Другие вопросы по теме