bootstrap样式不使用django floppyforms

Question

我正在从Django Crispy Forms切换到Floppy Forms，但我想要的Bootstrap样式似乎丢失了;现在它看起来就像一个简单的无格式形式。

脆皮

以下是Crispy Forms的Bootstrap模板包中的内容：

以下是生成的来源：

<div id="div_id_sent_amount" class="form-group has-error">
        <label for="id_sent_amount" class="control-label  requiredField">How much would you like to give?
        <span class="asteriskField">*</span>
        </label>
        <div class="controls ">
        <select class="select form-control" id="id_sent_amount" name="sent_amount"><option value="" selected="selected">---------</option><option value="0.00">$0.00</option><option value="0.05">$0.05</option><option value="0.10">$0.10</option></select>
        <span id="error_1_id_sent_amount" class="help-block"><strong>This field is required.</strong></span></div>
</div>

软盘

以下是我使用Bootstrap布局here获得的Floppy。

以下是生成的来源：

<div class="form-group error">
    <label class="col-sm-4 control-label" for="id_sent_amount">Sent amount <span class="required">*</span>:</label>

        <div class="controls col-sm-8  field-sent_amount">
            <select id="id_sent_amount" name="sent_amount">
                 <option value="" selected="selected">---------</option>
                 <option value="0.00">$0.00</option>
                 <option value="0.05">$0.05</option>
                 <option value="0.10">$0.10</option>
            </select>
            <ul class="errorlist"><li>This field is required.</li></ul>

        </div><!--- .controls -->

关于我缺少的任何想法？

Answer 1

floppyforms只提供更简单的布局和小部件控件，它不会自动启用引导样式。

为此，你必须按照the documentation中的详细说明做一些工作。

总之，您必须创建这些模板：

1. floppyforms/templates/floppyforms/layouts/bootstrap.html
2. floppyforms/templates/floppyforms/rows/bootstrap.html
3. floppyforms/templates/floppyforms/layouts/default.html
4. floppyforms/templates/floppyforms/errors.html

使用特定于引导程序的样式填充它们（示例提供in the documentation）。

请记住，这些示例适用于旧版本的bootstrap;您可能希望使用current version of bootstrap更新模板。

您可以手动编辑模板以使其更新，或使用与其说明完全相同的django-floppyforms-bootstrap3 - 更新模板以实现bootstrap3兼容性。