php - 表現エンジンとCSS

Question

私はExpressionEngineを使用して学習してきました。しかし、私が困惑したことが1つあります。

4列のグリッドを使用するレイアウトがあります（http://training.customstudio.co.uk/servicesを参照）。これは、3つのCSSクラスを使用します。1つは列アイテム用、1つは最後の列アイテム用、もう1つは水平ルールを追加する行用です。

EEクラススイッチを使用して列と列の最後のクラスを作成しましたが（http://training.customstudio.co.uk/portfolioを参照）、EEに行クラスを作成させる方法がわかりません。これは手動で行うこともできますが、ページを動的にしたいので、16個のアイテムがある場合、それぞれの下に線がある4行になります。

私が使用したコードは次のとおりです。

<div class="content-main">
                        <h1>Portfolio</h1>
                            {exp:channel:entries channel="portfolio" status="open|Featured" orderby="title" sort="asc"}
                            <div class="{switch='col|col|col|col-last'}">
                                <h4><a href="{title_permalink='portfolio'}">{title}</a></h4>
                                <p>{project_description}</p>
                            </div><!-- /end #col -->
                            {/exp:channel:entries}
                    </div>
<!-- /end #content-main --> 

どんな助けでも大歓迎です！

前もって感謝します、

トム・パーキンス

Answer 1

4 回の反復ごとに「行」div を含む switch ステートメントで列 div をラップすると、探しているものが得られるはずです。

                <div class="content-main">
                    <h1>Portfolio</h1>
                        {exp:channel:entries channel="portfolio" status="open|Featured" orderby="title" sort="asc"}
                        {switch='<div class="row">|||'}
                        <div class="{switch='col|col|col|col-last'}">
                            <h4><a href="{title_permalink='portfolio'}">{title}</a></h4>
                            <p>{project_description}</p>
                        </div><!-- /end #col -->
                        {switch='|||</div>'}
                        {/exp:channel:entries}
                </div>

Answer 2