django - ブートストラップで残りの行をスパンに入れる方法は?

Question

行と<div class="span4"></div>内部がありますが、この div が 2 つ class="4" ある場合があるため、<div class="spanX"></div>12 まで残りの X を配置する方法が必要です。

私はDjangoを使用していますが、その方法がわかりません。

Answer 1

これを行うにはいくつかの方法があります。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);