Pretty up my login form with bootstrap styles

Mostly I just used he right class for the layout container and added
some classes to the login form so that bootstrap styles could handle
the rest
This commit is contained in:
Eli Ribble 2016-06-09 00:38:34 -06:00
parent e70ad7c2b5
commit 8c6c6670f8
2 changed files with 9 additions and 5 deletions

View File

@ -8,7 +8,7 @@
</head> </head>
<body> <body>
<div id="container"> <div class="container">
{% block body %} {% block body %}
default stuff default stuff
{% endblock %} {% endblock %}

View File

@ -1,9 +1,13 @@
{% extends 'layout.html' %} {% extends 'layout.html' %}
{% block body %} {% block body %}
<h1>Please log in</h1> <h1>Welcome to Vanth</h1>
<h2>Please log in</h2>
<form action="/login/" method="POST"> <form action="/login/" method="POST">
<label>username</label><input type="text" name="username"></input> <div class="form-group">
<label>password</label><input type="password" name="password"></input> <label for="username">username</label>
<input type="submit">Log in</input> <input id="username" type="text" name="username" class="form-control"></input>
<label for="password">password</label>
<input id="password" type="password" name="password" class="form-control"></input>
<input class="btn btn-primary" type="submit" value="Log in" class="form-control"></input>
</form> </form>
{% endblock %} {% endblock %}