Twitter bootstrap 细枝迭代+；引导模式未知行为_Twitter Bootstrap_Modal Dialog_Twig

Twitter bootstrap 细枝迭代+；引导模式未知行为

twitter-bootstrap twig

Twitter bootstrap 细枝迭代+；引导模式未知行为,twitter-bootstrap,modal-dialog,twig,Twitter Bootstrap,Modal Dialog,Twig,我正在从一个Twitter的迭代中创建一些Twitter引导模式。我在这里没有做什么特别的事情，只是使用一些字段的名称作为id，没有其他。。。但我的情态向我展示了这样的东西：代码如下： {% for item in post.get_field('avances') %} <div class="modal fade" id="{{item.mes|lower}}" tabindex="-1" role="dialog" aria-labelledby=

我正在从一个Twitter的迭代中创建一些Twitter引导模式。我在这里没有做什么特别的事情，只是使用一些字段的名称作为id，没有其他。。。但我的情态向我展示了这样的东西：

代码如下：

{% for item in post.get_field('avances') %}
                <div class="modal fade" id="{{item.mes|lower}}" tabindex="-1" role="dialog" aria-labelledby="{{item.mes|lower}}">
                    <div class="modal-dialog modal-lg" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title" id="{{item.mes|lower}}">{{item.mes|capitalize}}</h4><!--Acá el mes-->
                            </div>
                            <div class="modal-body">
                                <div class="row">
                                    <div class="col-sm-6">
                                        <a target="_blank" href=""><img src="{{site.theme.link}}/static/img/6.gif"></a>
                                    </div>

                                    <div class="col-sm-6">
                                        <a target="_blank" href=""><img src="{{site.theme.link}}/static/img/6.gif"></a>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-6">
                                        <a target="_blank" href=""><img src="{{site.theme.link}}/static/img/6.gif"></a>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>
                            </div>
                        </div>
                    </div>
                </div>
            {% endfor %}

            <div class="col-lg-12">
                <hgroup><h2>Avances del Proyecto</h2></hgroup>
            </div>

            {% for item in post.get_field('avances') %}
                <a href="{{TimberImage(item.imagen).src}}" data-toggle="modal" data-target="#{{item.mes|lower}}"><div style="background:url({{TimberImage(item.imagen).src}}); background-size: 100%; background-position: center;" class="month col-sm-6 col-lg-4">
                    <hgroup><h3>{{item.mes|upper}}</h3></hgroup>
                </div></a>
            {% endfor %}

{%用于post.get_字段（'avanses'）%%中的项
&时代；
{{item.mes |大写}}
塞拉
{%endfor%}
项目先锋酒店
{post.get_字段（'avanses'）%%中的项的%
{%endfor%}

浏览器中的输出完全不正常：

{% for item in post.get_field('avances') %}
                <div class="modal fade" id="{{item.mes|lower}}" tabindex="-1" role="dialog" aria-labelledby="{{item.mes|lower}}">
                    <div class="modal-dialog modal-lg" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title" id="{{item.mes|lower}}">{{item.mes|capitalize}}</h4><!--Acá el mes-->
                            </div>
                            <div class="modal-body">
                                <div class="row">
                                    <div class="col-sm-6">
                                        <a target="_blank" href=""><img src="{{site.theme.link}}/static/img/6.gif"></a>
                                    </div>

                                    <div class="col-sm-6">
                                        <a target="_blank" href=""><img src="{{site.theme.link}}/static/img/6.gif"></a>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-6">
                                        <a target="_blank" href=""><img src="{{site.theme.link}}/static/img/6.gif"></a>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>
                            </div>
                        </div>
                    </div>
                </div>
            {% endfor %}

            <div class="col-lg-12">
                <hgroup><h2>Avances del Proyecto</h2></hgroup>
            </div>

            {% for item in post.get_field('avances') %}
                <a href="{{TimberImage(item.imagen).src}}" data-toggle="modal" data-target="#{{item.mes|lower}}"><div style="background:url({{TimberImage(item.imagen).src}}); background-size: 100%; background-position: center;" class="month col-sm-6 col-lg-4">
                    <hgroup><h3>{{item.mes|upper}}</h3></hgroup>
                </div></a>
            {% endfor %}

但最奇怪的是静态测试（不含itation）工作得非常完美：

{% for item in post.get_field('avances') %}
                <div class="modal fade" id="{{item.mes|lower}}" tabindex="-1" role="dialog" aria-labelledby="{{item.mes|lower}}">
                    <div class="modal-dialog modal-lg" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title" id="{{item.mes|lower}}">{{item.mes|capitalize}}</h4><!--Acá el mes-->
                            </div>
                            <div class="modal-body">
                                <div class="row">
                                    <div class="col-sm-6">
                                        <a target="_blank" href=""><img src="{{site.theme.link}}/static/img/6.gif"></a>
                                    </div>

                                    <div class="col-sm-6">
                                        <a target="_blank" href=""><img src="{{site.theme.link}}/static/img/6.gif"></a>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-6">
                                        <a target="_blank" href=""><img src="{{site.theme.link}}/static/img/6.gif"></a>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>
                            </div>
                        </div>
                    </div>
                </div>
            {% endfor %}

            <div class="col-lg-12">
                <hgroup><h2>Avances del Proyecto</h2></hgroup>
            </div>

            {% for item in post.get_field('avances') %}
                <a href="{{TimberImage(item.imagen).src}}" data-toggle="modal" data-target="#{{item.mes|lower}}"><div style="background:url({{TimberImage(item.imagen).src}}); background-size: 100%; background-position: center;" class="month col-sm-6 col-lg-4">
                    <hgroup><h3>{{item.mes|upper}}</h3></hgroup>
                </div></a>
            {% endfor %}


{post.get_字段（'avanses'）%%中的项的%
&时代；
情态标题
塞拉
{%endfor%}
项目先锋酒店
{post.get_字段（'avanses'）%%中的项的%
{%endfor%}

我尝试了一些东西，并多次查看代码，但我无法解决问题。。。有什么想法吗

提前谢谢

您以某种方式输出了一个gif图像（根据第一个GIF89a字节），嗯，好的，图像是gif的，但我只是在img元素和href的src attr中使用它们。我会尝试一些东西你会以某种方式输出一个gif图像（根据第一个GIF89a字节）嗯，好的，这些图像是gif的，但我只是在img元素和href的src attr中使用它们。我试试看