Lern-Fabrik

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

Definition Liste


                <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