{% load url from future %}
{% load static %}
<html>

    <head>
        <link rel="stylesheet" type="text/css" href="{% get_static_prefix %}rest_framework/css/bootstrap.min.css"/>
        <link rel="stylesheet" type="text/css" href="{% get_static_prefix %}rest_framework/css/bootstrap-tweaks.css"/>
        <link rel="stylesheet" type="text/css" href='{% get_static_prefix %}rest_framework/css/default.css'/>
    </head>

    <body class="container">

<div class="container-fluid" style="margin-top: 30px">
        <div class="row-fluid">
         
        <div class="well" style="width: 320px; margin-left: auto; margin-right: auto">
            <div class="row-fluid">
                <div>
                    <h3 style="margin: 0 0 20px;">Django REST framework</h3>
                </div>
            </div><!-- /row fluid -->

            <div class="row-fluid">
                <div>
                    <form action="{% url 'rest_framework:login' %}" class=" form-inline" method="post">
                        {% csrf_token %}
                        <div id="div_id_username" class="clearfix control-group">
                            <div class="controls" style="height: 30px">
                                <Label class="span4" style="margin-top: 3px">Username:</label>
                                <input style="height: 25px" type="text" name="username" maxlength="100" autocapitalize="off" autocorrect="off" class="textinput textInput" id="id_username">
                            </div>
                        </div>
                        <div id="div_id_password" class="clearfix control-group">
                            <div class="controls" style="height: 30px">
                                <Label class="span4" style="margin-top: 3px">Password:</label>
                                <input style="height: 25px" type="password" name="password" maxlength="100" autocapitalize="off" autocorrect="off" class="textinput textInput" id="id_password">
                            </div>
                        </div>
                        <input type="hidden" name="next" value="{{ next }}" />
                        <div class="form-actions-no-box">
                            <input type="submit" name="submit" value="Log in" class="btn btn-primary" id="submit-id-submit">
                        </div>
                    </form>
                </div>
            </div><!-- /row fluid -->
        </div><!--/span-->

        </div><!-- /.row-fluid -->
    </div>

        </div>
    </body>
</html>
