Question

我有一行，然后是<div class="span4"></div>里面，但有时我有两个这个divs class =“4”，所以我需要一种方法将<div class="spanX"></div>放在其中X是其余的直到12

我正在使用Django，但我不知道该怎么做。

Answer 1

有几种方法可以做到这一点。一种方法是将Django的服务器端值注入模板：

<div class="span{{ fill_column_span }}"></div>

或使用JavaScript查看当前跨度总数，然后确定差异。这是未经测试的，但应该非常接近。

// assumes jQuery, and that the column divs are only classed with span[x]
var existing_span = 0,
    fill_span,
    target = $('.target-class');

$.each(target.find('div[class*="span"]'), function(i, item) {
    existing_span += parseInt(item.class);
});

fill_span = 12 - existing_span;

$(target).find('div[class*="span"]:last').attr('class', 'span' + fill_span);

Answer 2

正如Brandon建议的那样，如果你在jinja2模板中使用它：

<div class="span{{ fill_column_span }}"></div>

然后在视图中，您可以获得最后一个div宽度，知道所有div都是span4：

listYouCreateYourSpan4DivsFrom = ['foo','bar']
fill_column_span = 12 - len(listFromWichYouCreateYourSpan4Divs) * 4

当然，在某处运行if语句只能运行len（listFromWichYouCreateYourSpan4Divs）＆lt; 3

如何将行的其余部分放在bootstrap中？

2 个答案: