如何在bootstrap中设置Django可编辑表单的样式

我有一个返回以下字段的表单：

fields = ['username', 'first_name', 'last_name', 'email']

因此，在我的

profile/edit

视图（我指的是HTML页面）中，我有以下代码：

<div class="col-xl-9">
        <div class="widget has-shadow" style="height:100%">
            <div class="widget-header bordered no-actions d-flex align-items-center">
                <h4>edit profile</h4>
            </div>
            <div class="widget-body">
                <form method="POST">
                    {% csrf_token %}
                    <div class="form-group row d-flex align-items-center mb-5">
                        <label class="col-lg-2 form-control-label d-flex justify-content-lg-end">username</label>
                        <div class="col-lg-6">
                            <input type="text" name="username" class="form-control" placeholder="{{update_profile_form.username}}">
                        </div>
                    </div>

                    <div class="em-separator separator-dashed"></div>
                    <div class="text-right">
                        <button class="btn btn-gradient-01" type="submit">Save</button>
                        <button class="btn btn-shadow" type="reset">Cancel</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

我的

views.py

是：

def edit_profile_view(request):
    context = {}
    if not request.user.is_authenticated:
        return redirect('login')

    if request.POST:
        upd_form = AccountUpdateForm(request.POST, instance=request.user)
        if upd_form.is_valid():
            upd_form.save()
    else: # Get request
        upd_form = AccountUpdateForm(
            initial = {
                "username": request.user.username,
            }
        )
    context = {'update_profile_form': upd_form}
    return render(request, 'account/user/edit-profile.html', context)

---

你必须更换这条线

<input type="text" name="username" class="form-control" placeholder="{{update_profile_form.username}}">

与

---

您不必在视图中为表单提供初始值。

因为我需要使用缩写：

<input type="text" name="username" class="form-control" value="{{update_profile_form.initial.username}}">

我想

更新个人资料\表单。用户名

是一个输入字段。我更新了问题。你能看一下吗？它能用。但是为什么我们不能在这里使用表单？

initial

为表单的字段设置值。。。不是占位符。因此，如果您编写

{{update\u profile\u form.username}}

而不是

，则页面加载中将有一个带有username值的字段

<input type="text" name="username" class="form-control" placeholder="{{request.user.username}}">

<input type="text" name="username" class="form-control" value="{{update_profile_form.initial.username}}">