django-crispy-forms 内联 div答案

【问题标题】：django-crispy-forms inline divsdjango-crispy-forms 内联 div
【发布时间】：2015-02-02 19:15:01
【问题描述】：

我想使用清晰的表单获得三个内联 div（而且我非常接近），但我不确定具体如何。这是我目前所拥有的：

self.helper.layout = Layout(
    Div(
        Div(
            'mothers_id','date','date_collector',
            css_class="form-inline", #this is the line I can't get just right (I think)
        ),
        Div(        
            'q_1a',
            'q_1b',
            'q_1c',
        ),
    )
)

【问题讨论】：

stackoverflow.com/questions/12144475/…

标签： django django-crispy-forms

【解决方案1】：

示例（坐标）：

    self.helper_coordinate = FormHelper()
    self.helper_coordinate.layout = Layout(
        Div(
            HTML(u'<div class="col-xs-2" style="line-height:35px;"><strong>Latitude:</strong></div>'),
            Div(AppendedText('lat_deg', '°'), css_class='col-xs-3'),
            Div(AppendedText('lat_min', '\''), css_class='col-xs-3'),
            Div(AppendedText('lat_sec', '"'), css_class='col-xs-4'),
            css_class='row-fluid'  # here you can add some custom class, for example 'row-fluid margin-top-15'
        ),
        Div(
            HTML(u'<div class="col-xs-2" style="line-height:35px;"><strong>Longitude:</strong></div>'),
            Div(AppendedText('lon_deg', '°'), css_class='col-xs-3'),
            Div(AppendedText('lon_min', '\''), css_class='col-xs-3'),
            Div(AppendedText('lon_sec', '"'), css_class='col-xs-4'),
            css_class='row-fluid'
        ),
    )

【讨论】：