• 2
• Added by User Name, last modified by User Name on August 1, 2013  (Show Modifications)

Es stehen Überschriften von der 1. bis zur 6. Ordnung zur Verfügung.

Überschrift der ersten Ordnung h1

Überschrift der zweiten Ordnung h2

Überschrift der dritten Ordnung h3

Überschrift der vierten Ordnung h4

Überschrift der fünften Ordnung h5

Überschrift der sechsten Ordnung h6

Überschriften, die einen eignen Abschnitt markieren, können mittels eines Wrappers noch etwas mehr hervorgehoben werden:

<div class="page-header">
 <h2>Hervorgehobene Überschrift zweiter Ordnung</h2>
</div>

Überschrift Mit Zusatz

Einer Überschrift kann noch ein Zusatz mitgegeben werden.

<h2>Überschrift <small>Mit Zusatz</small></h2>

<div class="panel panel-primary">
 <div class="panel-heading">
  <h3 class="panel-title">Titel des Panels</h3>
 </div>
 <p class="panel-body"> … </p>
</div>

Eine Zusammenfassung des Textes kann durch die Klasse lead hervorgehoben werden. Die weiteren Abschnitte bekommen dann ein einfaches p-Tag.

Standard: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Bold: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, italic: sed diam nonumy eirmod tempor invidunt ut labore et dolore bold & italic: magna aliquyam erat, sed diam voluptua. At vero eos et Textlink: accusam et justo duo\ dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Unordered List

<ul>
  <li> … </li>
</ul>

• Lorem ipsum dolor
  • sit amet,
  • consetetur
    • sadips
      • cing elitr,
    • sed
• diam nonumy
• eirmod
• tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Ordered List

<ol>
  <li> … </li>
</ol>

1. At vero
   1. eos et accusam
      1. et justo duo dolores
2. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
   1. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
   2. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
3. gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

List without list-style

<ul class="list-unstyled">
  <li> … </li>
</ul>

• Lorem ipsum dolor
  • sit amet,
  • consetetur
    • sadips
      • cing elitr,
    • sed
• diam nonumy
• eirmod
• tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Inline List without list-style

<ul class="list-inline">
  <li> … </li>
</ul>

• Lorem ipsum dolor
• sit amet,
• consetetur
• cing elitr.

Einfache Tabelle mit der Klasse table

<table class="table">
  ...
</table>

Gestreifte Tabelle, zusätzlich mit der Klasse table-striped

<table class="table table-striped">
  ...
</table>

Tabelle mit Rand, zusätzlich mit der Klasse table-bordered

<table class="table table-bordered">
  ...
</table>

<blockquote>
  <p>»Zitierter Text«</p>
  <footer>Name des Autors, <cite title="Title der Quelle">Titel der Quelle</cite>, Seite.</footer>
</blockquote>

»Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.«