排版

居中

{% extends 'letter/base.html' %}


{% block body %}
<style>
    .verification {
        position: absolute;
        width: 100%;
        top: 40%;
    }

    .verification input::placeholder {
        color: #a1afc8;
        font-size: 0.875rem;
    }
</style>
<div class="verification">
    <div class="container" style="height: 100%;">
        <div class="row" style="">
            <form class="col-md-6 offset-md-3 col-sm-8 offset-sm-2 col-xs-12">
                {% csrf_token %}
                <div class="form-group">
                    <input class="form-control" type="text" placeholder="输入提取码" style="width: 100%;">
                </div>
            </form>
        </div>
    </div>
</div>
{% endblock %}

两个div在同一行

将两个div包裹在另一个div中, 并设置该div的display为flex.