Twig 交替布局_Twig_Timber - Fatal编程技术网

Twig 交替布局

twig

Twig 交替布局,twig,timber,Twig,Timber,我正试图创建一个博客档案，两个不同的帖子布局垂直交替。例如，第一个必须是：图片左+内容右；第二个必须是：图片右+内容左，等等我要展示这样的帖子： {% for post in posts %} {% endfor %} 我能告诉函数交替使用两种布局吗？以细枝的方式回答您的问题 Lorem ipsum dolor sit amet，是一位杰出的献身者。Nam euismod ante Pat mauris ultrices pharetra。从拍卖商bibendum处购买nisi nec。威

我正试图创建一个博客档案，两个不同的帖子布局垂直交替。例如，第一个必须是：图片左+内容右；第二个必须是：图片右+内容左，等等

我要展示这样的帖子：

{% for post in posts %}
{% endfor %}

我能告诉函数交替使用两种布局吗？

以细枝的方式回答您的问题

Lorem ipsum dolor sit amet，是一位杰出的献身者。Nam euismod ante Pat mauris ultrices pharetra。从拍卖商bibendum处购买nisi nec。威尼斯狮子座前庭，位于弗林利亚湖。莫比·马蒂斯·塞姆·里苏斯（Morbi mattis sem risus），塞德·阿利奎特·洛伦姆·布兰迪特（lorem blandit）。粗毛猫科动物。不要坐在艾米特·特里斯蒂克·艾利特的位子上。埃尼安·维韦拉·奥奇。在pulvinar lorem。暂时性无排卵门。整只维维拉中间的奥奇，但维维拉乌纳变种。做一个爱和爱的人。这是一种新的生活方式。这是一个很好的例子。在奥古斯丁的《普雷蒂姆之夜》中，多奈克·鲁特鲁姆·尼索（Donec rutrum nisl）。马来苏阿达猫科动物腹侧元素库。母牛屠宰场。无车辆通行权，欧盟设施无车辆通行权。在多洛尔，在普尔文纳，在维利特，在普尔文纳。Nam auctor tellus ut leo porttitor，nec convallis sem porttitor。在港口和港口之间进行必要的运输。库拉比图尔·阿利夸姆·奥奇，埃吉特·普尔维纳尔·米。

现在还不清楚您具体想做什么，但例如{%if loop.index是奇数%}或{%if loop.index是偶数%}或是这个选项会有用吗？为什么不直接使用CSS 3选择器，如div:nth childeven？如果我不清楚，很抱歉。我基本上是在尝试用两种不同的方式显示帖子。第一篇文章左边是图像，右边是文本，第二篇文章右边是图像，左边是文本，第三篇文章再次使用第一个布局，图像左边是文本右边，依此类推@我不是CSS高手，但谢谢你的建议，我会仔细研究一下。@xxone：其实没那么难。看一看

{% for post in posts %}
<div class="{{ loop.index0 is even ? 'left' : 'right' }}">
     <img src="{{ post.getImage() }}" alt="{{ post.getTitle() }}" />
     <p>
         {{ post.getContent() }}
     </p>
</div>
{% endfor %}