From a967b60d3cac6d4c08def6f17da3a9f2fc746dbe Mon Sep 17 00:00:00 2001
From: Mark Skipper <marks@aptivate.org>
Date: Tue, 23 Jun 2015 09:44:32 +0100
Subject: [PATCH] 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 | 18 ++++++++++--------
1 file changed, 10 insertions(+), 8 deletions(-)
diff --git a/django/website/templates/base.html b/django/website/templates/base.html
index ab470440..4fb1696b 100644
--- a/django/website/templates/base.html
+++ b/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 %}
--
GitLab