开启代码之旅 Launch With Code
1328 浏览 6 years, 1 month
21 Update Email Form Design to Bootstrap Inline Form
版权声明: 转载请注明出处 http://www.codingsoho.com/将email从form.as_p改到bootstrap内联的form
http://getbootstrap.com/css/#forms
<div class='container' style='text-align:center' " >
<div class='col-sm-6 col-sm-offset-3'>
<h1> Welcome Home! </h1>
<form class='form-horizontal' method="POST" action=""> {% csrf_token %}
<div class='form-group form-group-lg'>
{% if form.email.errors %}
{% for err in form.email.errors %}
<div class="alert alert-danger" role="alert">{{ err }}</div>
<div class="alert alert-danger" role="alert">Your Email is required</div>
{% endfor %}
{% endif %}
....
<div class="input-group">
<input class='form-control' type="email" name="email" placeholder="Your email..." />
<span class='input-group-btn'>
<input type='submit' value='Join' class='btn btn-primary btn-lg' />
</span>
</div>
</div>
</form>
</div>
</div>