Make full screen layout

According to  http://getbootstrap.com/css/#grid-intro
the proper way to get a full page layout is to use container-fluid
but a normal row, which has negative margin to undo the padding.

It's all very confusing; but this feels better than my first effort.

django/website/templates/base.html

@@ -25,14 +25,16 @@
 
     {% block content %}
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <div class="row-fluid">
-        <div class="col-sm-2 col-sd-2 sidebar internews-sidebar">
-            <h2>{% trans "Internews" %}</h2>
-            <p>{% trans "humanitarian information dashboard (HID)" %} <a href=".">{% trans "info" %}</a></p>
-        </div>
-        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main internews-main">
-        {% block maincontent %}
-        {% endblock maincontent %}
+    <div class="container-fluid">
+        <div class="row">
+            <div class="col-sm-2 col-sd-2 sidebar internews-sidebar">
+                <h2>{% trans "Internews" %}</h2>
+                <p>{% trans "humanitarian information dashboard (HID)" %} <a href=".">{% trans "info" %}</a></p>
+            </div>
+            <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main internews-main">
+            {% block maincontent %}
+            {% endblock maincontent %}
+            </div>
         </div>
     </div>
     {% endblock content %}