Django与自定义引导程序布局形成

时间:2016-01-05 21:38:48

标签: html django forms twitter-bootstrap

我正在使用Bootstrap运行Django 1.9。我使用纯Django,没有任何酥脆的形式等。 前段时间我在Bootstrap下挣扎着表单定制。我的朋友向我提出了解决方案。它有效,但对我来说它看起来很重。

有没有其他更简单的方法来使用Django和Bootstrap表单? 我需要的是在表单中填充值并将它们成功发送到Django后端。

<div class="form-group row">
    <label for="price" class="form-control-label col-md-3">Price</label>
    <div class="col-md-9">
        <input type="number" class="form-control"
               value="{{ form.price.data|default:''  }}" 
               name='price' id='price' placeholder="Price">
    </div>
</div>

1 个答案:

答案 0 :(得分:1)

你可以用html格式的每个字段呈现你的{{ form }},就像这个例子中的引导类一样:

<form action="" method="post">
    <div class="row">
        <div class ="col-md-6">{{ form.your_first_field }}</div> 
        <div class = "col-md-6">{{ form.your_second_field }}</div> 
    </div>
    <input type="submit" class="btn btn-primary"/>
</form>

或者您可以尝试其他布局,遵循此逻辑