Question

如果我使用＆＃34; for loop＆＃34;，来自Db的所有数据都是垂直呈现的。为了透明，我写了一个没有HTML的例子。第二个代码＆＃34; my.html＆＃34;是HTML代码。我想成为横向显示的分区（或表格）。如果我运行my.html，我会垂直显示两个分区，如何将它们水平放置？我希望水平显示彼此相邻的两个分区（或表），并且必须在分区或表格中垂直显示像post.prop_one这样的值。

{% for post in posts %}
    {{post.option_one}}
    {{post.option_two}}
{% endfor %}

my.html

<!-- myprices --> 
        <div id="pricing" class="container-fluid">   
    <div class="text-center">
                <h2>Pricing</h2>
                  <h4>blabla</h4>   
</div> {% for post in posts %}
                <div class="row slideanim-'inline'">
                <div class="col-sm-4 col-xs-12">

                  <div class="panel panel-default text-center">
                    <div class="panel-heading">

                  <h1><a href="">{{ post.offer_option}}</a></h1>
                    </div>
                      <div class="panel-body">
                          <p><strong>20</strong> {{post.prop_one}}</p>
                          <p><strong>20</strong>{{post.prop_two}} </p>
                          <p><strong>20</strong>{{post.prop_three}}</p>
                      </div>
                       <div class="panel-footer">
                        <h3>{{ post.price}}</h3>
                        <h4>{{ post.period}}</h4>
                       </div>
                      <button class="btn btn-lg">Sign Up</button>
                    </div>
                  </div>
                </div>
                  {% endfor %}

Answer 1

你循环整个内容..你要循环的所有内容都是some text/more text (formula)/dividethis divideme/(byme) "dont match/me"。你的＆＃34; for循环＆＃34;和你的html中的endtag错误。这是一个例子

col-sm-4 col-xs-12

使用for循环在django模板

1 个答案: