2012-08-27 15 views
12

Sto utilizzando forme django-croccanti con Twitter Bootstrap e sto riscontrando alcuni problemi con la personalizzazione dei moduli in più righe e colonne. Un problema esempio è che non succede nulla quando si tenta di dividere la forma in due colonne:Visualizzazione di più righe e colonne in forme django-crispy

class SomeForm(ModelForm): 

    helper = FormHelper() 
    helper.layout = Layout(
     Column('field1', 'field3'), 
     Column('field2', 'field4'), 
     ) 
    ) 

    class Meta: 
     model = Model 

Guardare in uscita html, vedo che c'è la <div class="formColumn">, ma il modulo viene visualizzato in un'unica colonna. Forse questo è un problema CSS? Sto usando Bootstrap 2.1.

risposta

33

Grazie maraujo.

ho raggiunto questo utilizzando il tag div e la documentazione di bootstrap: http://twitter.github.com/bootstrap/scaffolding.html

class SomeForm(ModelForm): 

    helper = FormHelper() 
    helper.layout = Layout(
     Div(
      Div('field1', css_class='span6'), 
      Div('field3', css_class='span6'), 
     css_class='row-fluid'), 
    ) 

    class Meta: 
     model = Model 

Per bootstrap3 sostituire span6 con col-xs-6http://getbootstrap.com/css/#grid

+1

Nice one, scriverò questo in giù nella documentazione per altre persone , è una buona pratica. – maraujop

+0

@maraujop Se desidero un effettivo

quale modello dovrei sostituire? Non riesco a trovarlo. – Marconi

+0

Crispy non esegue layout di tabella e nessuno dei due dovrebbe farlo. I layout delle tabelle HTML sono stati deprecati per almeno un decennio. – Shayne

Problemi correlati