Proper use of bootstrap grid (#15)

* Use bootstrap grid properly

* Put <div class="row"> inside 'block content'

* Move <hr> up so that it stretches across the window

Author: withlovee

mkdocs_bootstrap/base.html

@@ -60,14 +60,16 @@
 
         <div class="container">
             {%- block content %}
-                <div class="col-md-3">{% include "toc.html" %}</div>
-                <div class="col-md-9" role="main">{% include "content.html" %}</div>
+                <div class="row">
+                    <div class="col-md-3">{% include "toc.html" %}</div>
+                    <div class="col-md-9" role="main">{% include "content.html" %}</div>
+                </div>
             {%- endblock %}
         </div>
 
-    <footer class="col-md-12">
+    <hr>
+    <footer class="container">
         {%- block footer %}
-        <hr>
         {% if config.copyright %}
         <center>{{ config.copyright }}</center>
         {% endif %}

mkdocs_bootstrap/css/base.css

@@ -13,10 +13,6 @@ ul.nav li.main {
     font-weight: bold;
 }
 
-div.col-md-3 {
-    padding-left: 0;
-}
-
 div.col-md-9 {
     padding-bottom: 100px;
 }