Move some structure to child files, allows more flexibility

templates/add_quote.html

@@ -1,5 +1,6 @@
 {% extends "layout.html" %}
 {% block body %}
+<div class="container">
 <h1> Add new Quote </h1>
 <form method="post">
   <div class="form-group">
@@ -24,4 +25,5 @@
   </div>
 
 </form>
+</div>
 {% endblock %}

templates/index.html

@@ -1,8 +1,10 @@
 {% extends "layout.html" %}
 {% block body %}
+<div class="container">
 <div class="jumbotron">
   <h1>Clockwork Quotes Database</h1>
   <p><a class="btn btn-lg btn-success" href="/quotes" role="button">View Quotes</a></p>
   <p><a class="btn btn-lg btn-info" href="/addquote" role="button">Add a Quote</a></p>
 </div>
+</div>
 {% endblock %}

templates/layout.html

@@ -54,8 +54,10 @@
     {% endfor %}
   {% endif %}
   {% endwith %}
+  </div>
   {% block body %}{% endblock %}
 
+  <div class="container">
   <footer class="footer">
     <p>&copy; Adam Dodman 2017</p>
   </footer>

templates/login.html

@@ -1,5 +1,6 @@
 {% extends "layout.html" %}
 {% block body %}
+<div class="container">
 <form  method="post" role="form" data-toggle="validator">
   <div class="form-group has-feedback">
     <label class="control-label col-sm-4" for="username">Username:</label>
@@ -21,6 +22,7 @@
     </div>
   </div>
 </form>
+</div>
 
 
 {% endblock %}

templates/passwd_reset.html

@@ -1,5 +1,6 @@
 {% extends "layout.html" %}
 {% block body %}
+<div class="container">
 <h1> Password Reset: </h1>
 <form  method="post" role="form" data-toggle="validator">
   <div class="form-group">
@@ -29,6 +30,6 @@
     </div>
   </div>
 </form>
-
+</div>
 
 {% endblock %}

templates/quote_view.html

@@ -17,6 +17,8 @@
 {% endblock %}
 
 {% block body %}
+<div class="container-fluid">
+  <div class="col-md-12">
     <div class="table-responsive">
       <table class="table table-hover table-bordered" id="QuoteTable">
         <thead>
@@ -47,4 +49,6 @@
         </tbody>
       </table>
     </div>
+  </div>
+</div>
 {% endblock %}