Lernfabrik

Listenelemente mit Bootstrap

Ungeordnete Liste


        <ul>

          <li>Element 1</li>

          <li>Element 2</li>

          <li>Element 3</li>

        </ul>

Element 1
Element 2
Element 3

Geordnete Liste


        <ol>

          <li>Element 1</li>

          <li>Element 2</li>

          <li>Element 3</li>

        </ol>

Element 1
Element 2
Element 3

Definitionsliste


        <dl>

          <dt>Element 1</dt>

          <dd>Beschreibung 1</dd>

          <dt>Element 2</dt>

          <dd>Beschreibung 2</dd>

          <dt>Element 3</dt>

          <dd>Beschreibung 3</dd>

        </dl>

Element 1: Beschreibung 1
Element 2: Beschreibung 2
Element 3: Beschreibung 3

Inline Liste


        <ul class="list-inline">

          <li class="list-inline-item">Element 1</li>

          <li class="list-inline-item">Element 2</li>

          <li class="list-inline-item">Element 3</li>

        </ul>

Element 1
Element 2
Element 3