django引导表单不适合html页面[重复]

Question

当我将 forms.py 渲染到我的 html 文件时，屏幕上不完全适合（响应式）

forms.py -

class RegisterUserForm(forms.Form):
      username = forms.CharField(min_length=6, widget=forms.TextInput(attrs={'class': 'form-control'}))
      email = forms.EmailField(widget=forms.EmailInput(attrs={'class': 'form-control'}))
      password = forms.CharField(min_length=8, widget=forms.PasswordInput(attrs={'class': 'form-control'}))
      password2 = forms.CharField(widget=forms.PasswordInput(attrs={'class': 'form-control'}))
      photo = forms.ImageField(required=True)

如果我尝试不使用表单的网站，页面会适应屏幕，但是当我添加表单“{{form.as_p}}”时，不起作用

HTML 页面 -

<div class="panel panel-default">
<div class="panel-heading">
  <h2>User Register</h2>
</div>
<div class="panel-body">
<div class="row">
  <div class="col-md-6 col-sm-offset-3">
    <form role="form" action="" method="post">
      {% csrf_token %}
      {{form.as_p}}
    </form>
  </div>
 </div>
 <button type="submit" name="register" class="btn btn-primary"><span    class="glyphicon glyphicon-log-in"></span> Register</button>
</div>
<div class="panel-footer">
</div>
</div>

我需要一切都适应，我该怎么做？

Answer 1

将此代码插入头部：

<meta name="viewport" content="width=device-width, initial-scale=1">