2012-08-27 16 views
12

Używam django-crispy-forms z Twitter Bootstrap i mam pewne problemy z dostosowywaniem moich formularzy do wielu wierszy i kolumn. Jednym z przykładów jest to, że problem, nic się nie dzieje, gdy próbuję podzielić formularz na dwie kolumny:Wyświetlanie wielu wierszy i kolumn w django-crispy-form

class SomeForm(ModelForm): 

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

    class Meta: 
     model = Model 

Patrząc na wyjściu html, widzę, że tam jest <div class="formColumn">, ale forma jest wyświetlana w jednej kolumnie. Może to jest problem z css? Używam Bootstrap 2.1.

Odpowiedz

33

Dzięki Maraujo.

mam to osiągnąć za pomocą znacznika div i docs 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 

Dla bootstrap3 zastąpić span6 z col-xs-6http://getbootstrap.com/css/#grid

+1

Nicea jednego, będę to spisać w docs dla innych ludzi , to dobra praktyka. – maraujop

+0

@maraujop Jeśli chcę rzeczywisty

który szablon powinienem przesłonić? Nie mogę tego znaleźć. – Marconi

+0

Crispy nie układa tabel, a ty też nie. Układy tabel HTML są przestarzałe od co najmniej dekady. – Shayne

Powiązane problemy