ADD: CSS demo view.

dav_base/templates/dav_base/css_demo.html

@@ -0,0 +1,56 @@
+{% extends "dav_base/base.html" %}
+{% load bootstrap3 %}
+
+{% block head-title %}CSS Demo{% endblock %}
+
+{% block messages %}
+<div class="container-fluid">
+    {% bootstrap_alert "This is a message." %}
+    {% bootstrap_alert "This is a message." %}
+</div>
+{% endblock messages %}
+
+{% block page-container-fluid %}
+<h1>Header h1 <small>Small Text</small></h1>
+<h2>Header h2 <small>Small Text</small></h2>
+<h3>Header h3 <small>Small Text</small></h3>
+<h4>Header h4 <small>Small Text</small></h4>
+<h5>Header h5 <small>Small Text</small></h5>
+<h6>Header h6 <small>Small Text</small></h6>
+
+<div class="jumbotron">
+    <h1>Hallo</h1>
+    <p>
+        {% lorem %}
+    </p>
+</div>
+
+<div class="well">
+    <p class="lead">
+        {% lorem %}
+    </p>
+    <p>
+        {% lorem %}
+    </p>
+</div>
+
+<a class="btn btn-default" href="#">btn-default</a>
+<a class="btn btn-primary" href="#">btn-primary</a>
+<a class="btn btn-success" href="#">btn-success</a>
+<a class="btn btn-info" href="#">btn-info</a>
+<a class="btn btn-warning" href="#">btn-warning</a>
+<a class="btn btn-danger" href="#">btn-danger</a>
+<hr />
+
+<p class="text-muted"><span class="label label-default">Text-Muted</span> {% lorem %}</p>
+<p class="text-primary"><span class="label label-primary">Text-Primary</span> {% lorem %}</p>
+<p class="text-success"><span class="label label-success">Text-Success</span> {% lorem %}</p>
+<p class="text-info"><span class="label label-info">Text-Info</span> {% lorem %}</p>
+<p class="text-warning"><span class="label label-warning">Text-Warning</span> {% lorem %}</p>
+<p class="text-danger"><span class="label label-danger">Text-Danger</span> {% lorem %}</p>
+
+<p class="bg-success"><span class="label label-success">bg-success</span> {% lorem %} </p>
+<p class="bg-info"><span class="label label-info">bg-info</span> {% lorem %} </p>
+<p class="bg-warning"><span class="label label-warning">bg-warning</span> {% lorem %} </p>
+<p class="bg-danger"><span class="label label-danger">bg-danger</span> {% lorem %} </p>
+{% endblock page-container-fluid %}