django - Bootstrap 3 - 水平表单不起作用

Question

我正在将 Django 与 CrispyForms 结合使用，并将我的旧项目更新为 BS3。

我唯一不知道如何适应的是form-horizo​​ntal。我的表单过去看起来像这样:

现在标签始终位于输入的顶部 - 就像以前的 form-vertical 一样。

我read一些posts在 Stack 上，用 google 搜索了一下，但没有人为我提供一个有效的脆皮答案!

最奇怪的是 Bootstrap 人员 say that they did not change or remove这门课。

我能做些什么来恢复我旧的、可爱的水平`表格吗？

谢谢!

更新:

CrispyForms 生成以下内容，即使使用 bootstrap3 作为模板包:

<div class="form-group" id="div_id_title">
    <label class="control-label  requiredField" for="id_title">Titel
        <span class="asteriskField">*</span>
    </label>
    <div class="controls ">
        <input type="text" name="title" maxlength="65" id="id_title" class="textinput textInput form-control"> 
    </div>
</div>

Answer 1

看这里:

http://django-crispy-forms.readthedocs.org/en/latest/crispy_tag_forms.html#bootstrap3-horizontal-forms

你应该添加

helper.label_class = 'col-lg-x' #for example 'col-lg-2'
helper.field_class = 'col-lg-x' #for example 'col-lg-10'

BS3 有一个 12 列网格系统，更多信息请点击这里 http://getbootstrap.com/css/#grid

这使得表单水平，但不幸的是标签向左对齐，我现在正在尝试解决这个问题。

更新:如果您对字段之间的垂直间距有问题，请向每个字段的外部 div 添加行 css 类，html 输出:

<div class="form-group row" id="div_id_title">

    ###labels HTML###

</div>

可能是 bootstrap3 的 field.html 模板上的错误。