The elements list is a very generic element that groups content elements in a list. The elements shown here are merely examples.
23.05.2012
Medienmitteilung 1
23.05.2012
Medienmitteilung 2
23.05.2012
Medienmitteilung 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nec hoc ille non vidit, sed verborum magnificentia est et gloria delectatus. Tum Triarius: Posthac quidem, inquit, audacius.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nec hoc ille non vidit, sed verborum magnificentia est et gloria delectatus. Tum Triarius: Posthac quidem, inquit, audacius.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nec hoc ille non vidit, sed verborum magnificentia est et gloria delectatus. Tum Triarius: Posthac quidem, inquit, audacius.
<div class="row">
<div class="col-sm-4 col-sm-offset-2">
<!-- News list example -->
<div class="list-group">
<div class="list-group-header">
<a href="#" class="pull-right icon icon--before icon--list">all</a>
</div>
<div class="list-group-item">
<p>
23.05.2012<br> Medienmitteilung 1
</p>
<a href="#">
Offizieller Besuch von Bundespräsident Didier Burkhalter in Italien
</a>
</div>
<div class="list-group-item">
<p>
23.05.2012<br> Medienmitteilung 2
</p>
<a href="#">
Offizieller Besuch von Bundespräsident Didier Burkhalter in Italien
</a>
</div>
<div class="list-group-item">
<p>
23.05.2012<br> Medienmitteilung 3
</p>
<a href="#">
Offizieller Besuch von Bundespräsident Didier Burkhalter in Italien
</a>
</div>
</div>
</div>
<div class="col-sm-4">
<!-- Publications list example -->
<div class="list-group">
<div class="list-group-header">
<a href="#" class="pull-right icon icon--before icon--list">all</a>
</div>
<div class="list-group-item">
<a href="#">
Publication's title : Lorem ipsum dolor sit amet
</a>
<br>
<figure class="pull-left">
<img src="http://placehold.it/78x117" alt="image description">
</figure>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nec hoc ille non vidit, sed verborum magnificentia est et gloria delectatus. Tum Triarius: Posthac quidem, inquit, audacius.
</p>
</div>
<div class="list-group-item">
<a href="#">
Publication's title : Lorem ipsum dolor sit amet
</a>
<br>
<figure class="pull-left">
<img src="http://placehold.it/78x117" alt="image description">
</figure>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nec hoc ille non vidit, sed verborum magnificentia est et gloria delectatus. Tum Triarius: Posthac quidem, inquit, audacius.
</p>
</div>
<div class="list-group-item">
<a href="#">
Publication's title : Lorem ipsum dolor sit amet
</a>
<br>
<figure class="pull-left">
<img src="http://placehold.it/78x117" alt="image description">
</figure>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nec hoc ille non vidit, sed verborum magnificentia est et gloria delectatus. Tum Triarius: Posthac quidem, inquit, audacius.
</p>
</div>
</div>
</div>
</div>