2016-08-12 50 views
0

当我将我的渲染到forms.py我的HTML文件不符合(响应)完全在屏幕上Django的引导形式不适合在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> 

我需要一切都是适应性的,我该如何去做呢?

pic1 pic2

+0

其他,我敢肯定你的问题,也涉及到了' col-sm-offset“,你不应该真的需要面板内的网格 – Sayse

回答

1

插入此代码头:

不是重复的,这将给修复此不同的方式
<meta name="viewport" content="width=device-width, initial-scale=1">