2012-08-27 68 views
12

Estoy usando django-crispy-forms con Twitter Bootstrap, y estoy teniendo algunos problemas con la personalización de mis formularios en varias filas y columnas. Uno de los problemas ejemplo es que no pasa nada cuando intento de dividir el formulario en dos columnas:Mostrar múltiples filas y columnas en django-crispy-forms

class SomeForm(ModelForm): 

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

    class Meta: 
     model = Model 

En cuanto a la salida html, veo que no es el <div class="formColumn">, pero el formulario se muestra en una sola columna. Tal vez es esto un problema CSS? Estoy usando Bootstrap 2.1.

Respuesta

33

Gracias maraujo.

que he logrado esto usando la etiqueta div y los documentos de arranque: 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 

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

+1

uno de los buenos, Voy a escribir esto en la documentación para otras personas es una buena práctica – maraujop

+0

@maraujop Si quiero un

real, ¿qué plantilla debo anular? Parece que no puedo encontrarlo. – Marconi

+0

Crujiente no hace diseños de mesa, y usted tampoco debería hacerlo. Los diseños de tablas HTML han quedado obsoletos desde hace al menos una década. – Shayne

Cuestiones relacionadas