Создайте специальный блок столбца начальной загрузки 4 с помощью переменной цикла ветки - PullRequest
Новая
       18

Создайте специальный блок столбца начальной загрузки 4 с помощью переменной цикла ветки

0 голосов
/ 31 января 2019

Я пытаюсь создать HTML-блок с 5 сообщениями.Это блок начальной загрузки 4 html с двумя первыми постами подряд col-md-3 с col-md-12, третий находится в центре с col-md-6, а два последних снова в ряд col-md-3 с col-md-12.Код, который я использую, выглядит следующим образом: 

<div class="row">
    <div class="row">
        <div class="col-md-3">
            <div class="col-md-12">
            <!--Post1-->
            </div>
            <div class="col-md-12">
            <!--Post2-->
            </div>
        </div>
    </div>
    <div class="col-md-6">
    <!--Post3-->
    </div>
    <div class="row">
        <div class="col-md-3">
            <div class="col-md-12">
            <!--Post4-->
            </div>
            <div class="col-md-12">
            <!--Post5-->
            </div>
        </div>
    </div>
</div>

Поэтому я пытаюсь создать его с помощью цикла веток с таким кодом: 

<div class="row">

   {% if loop.index0 == 0 or loop.index0 == 3  %}
   <div class="col-lg-3">
   <div class="row">
   {% endif %}

       {% if loop.index0 != 2 %}
       <div class="col-lg-12">
       {% else %}
       <div class="col-lg-6">
       {% endif %}

       </div>

   {% if loop.index % 2 == 0 or loop.last %}
   </div>
   </div>
   {% endif %}

</div>

Цикл почти правильный.Первые два "col-md-12", третий "col-md-6" и четвертый "col-md-12" созданы, но пятый элемент "col-md-12" находится за пределами строки"Col-MD-3.Поэтому я пытаюсь найти лучший способ использовать цикл веток или, возможно, другие методы для создания этого конкретного блока HTML.

...