57 lines
2.0 KiB
HTML
57 lines
2.0 KiB
HTML
{% 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 class="top-most">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 %}
|