Django中的Bootstrap样式

A.J. 发表于 Dev

大多数情况是在引导程序中看到CSS / HTML，我们遇到了以下模板。

    <div class="row">
      <div class="col-sm-6">
        # Add image/ or data you want
      </div>
      <div class="col-sm-6">
        # Add image/ or data you want
      </div>
    </div>

    # Second row

    <div class="row">
      <div class="col-sm-6">
        # Add image/ or data you want
      </div>
      <div class="col-sm-6">
        # Add image/ or data you want
      </div>
    </div>

我们如何在Django模板中实现此行为？我的意思是，当我们遍历值列表时，如何跟踪我们需要启动一个新值.row？

脏溶液

检查循环迭代计数并进行整数操作以检查是否.row应启动新元素。

有什么想法吗？

解复用器

创建一个模板过滤器，用于将列表拆分为多个块：

from django import template

register = template.Library()

@register.filter
def chunks(l, n):
    n = max(1, int(n))
    return (l[i:i+n] for i in xrange(0, len(l), n))

用法：

{% for chunk in images|chunks:2 %}
    <div class="row">
        {% for image in chunk %}
            <div class="col-sm-6">
                # Add image/ or data you want
            </div>
        {% endfor %}
    </div>
{% endfor %}

您还可以在将列表发送到模板之前将其拆分为多个块。

有关如何将列表拆分成块的更多信息，请参见：如何将列表拆分成均匀大小的块？

填充列表的自定义过滤器：

@register.filter
def ljust_list(l, n):
    """
    ljust_list([1, 2], 4) -> [1, 2, None, None]
    """
    return l + [None] * (n - len(l))

@register.filter
def rjust_list(l, n):
    """
    rjust_list([1, 2], 4) -> [None, None, 1, 2]
    """
    return [None] * (n - len(l)) + l

用法：

{% for chunk in images|chunks:2 %}
    <div class="row">
        {% for image in chunk|ljust_list:2 %}
            <div class="col-sm-6">
                # Add image/ or data you want
            </div>
        {% endfor %}
    </div>
{% endfor %}

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。