电子邮件基金会响应电子邮件Inliner V2打破了TWIG布局

时间:2017-01-05 12:17:46

标签: html email twig zurb-foundation

我正在使用电子邮件响应式电子邮件Inliner V2基础,可在以下位置找到:http://foundation.zurb.com/emails/inliner-v2.html

我的TWIG代码出现了问题:

docker run -p 5432:5432 -v /var/run/postgresql:/var/run/postgresql -d --name postgres postgres

变为

<table class="row collapse">
    <tbody>
    <tr>
    {% for alternative in alternatives %}
        <th class="small-6 large-4 columns">
            <table>
                <tr>
                    {{ alternative.name }}
                </tr>
            </table>
        </th>
    {% endfor %}
    </tr>
    </tbody>
</table>

正如你所看到的那样,for-Construct位于表格的顶部 - 标签,所以在内联后它并没有包裹在th-Tag周围。

任何人都知道该怎么做?让我疯狂;)

2 个答案:

答案 0 :(得分:0)

首先,你的html代码格式错误:

                                <table class="row collapse">
                                <tbody>
                                <tr>
                                {% for alternative in alternatives %}
                                    <th class="small-6 large-4 columns">
                                        <table>
                                            <tr>
                                                <!-- add here td or th tags -->
                                                <td>
                                                  {{ alternative.name }}
                                                </td>
                                            </tr>
                                        </table>
                                    </th>
                                {% endfor %}
                                </tr>
                                </tbody>
                            </table>

答案 1 :(得分:0)

它通常与代码中的一些错误有关:

你也可以使用原来的: http://foundation.zurb.com/emails/inliner.html