私は以下のような配列を持っています
us_states = [('AL', 'Alabama'),('AK', 'Alaska'),('AZ', 'Arizona'),('AR', 'Arkansas')('CA', 'California'),('CO', 'Colorado'),('CT', 'Connecticut'),('DE', 'Delaware'),.... until 50 us states]
したがって、このリスト/配列に基づいて、以下のようにhtmlフィールドを生成してpいます
{% for state in us_states %}
<p>
<input id="{{state.0}}" type="checkbox" name="{{state.0}}"/>
<span style="padding-left:5px;">{{state.1}}</span>
<input id="id_{{state.1}}" type="text" name="{{state.0}}" value="0.0">
</p>
{% endfor %}
したがって、上記のhtmlコードから、にcheckbox, input field応じて生成できます。length of arrayたとえば、リスト/配列に50個の状態があるためp elements、チェックボックス、スパン、入力要素を含む50個が正常に生成されます
three columnsしかし問題は、すべてのフィールドが行ごとに 1 つのページで生成されていることですが、UI が見栄えがするように、それらを (20、15、15 など) に分割したいのですよね?
それで、Twitterのブートストラップでこれを達成する方法について本当に混乱していますか? リストから生成された50 pの要素を列に配置する方法について、誰か教えてください。