List

Check List Small

  • Ein ganz bestimmter Vorteil
  • Ein ganz bestimmter Vorteil
  • Ein ganz bestimmter Vorteil
  • Ein ganz bestimmter Vorteil
  • Ein ganz bestimmter Vorteil
<ul class="checkList small"> <li> <span>Ein ganz bestimmter Vorteil</span> </li> <li> <span>Ein ganz bestimmter Vorteil</span> </li> <li> <span>Ein ganz bestimmter Vorteil</span> </li> <li> <span>Ein ganz bestimmter Vorteil</span> </li> <li> <span>Ein ganz bestimmter Vorteil</span> </li> </ul>

Check List

  • Ein listeneintrag
  • Ein listeneintrag
  • Ein listeneintrag
  • Ein listeneintrag
  • Ein listeneintrag
<ul class="list list-checklist"> <li> Ein listeneintrag </li> <li> Ein listeneintrag </li> <li> Ein listeneintrag </li> <li> Ein listeneintrag </li> <li> Ein listeneintrag </li> </ul>
<div class="link-list"> <h4>Linklist Titel</h4> <ul> <li> <a href="#">Link Titel</a> </li> <li> <a href="#">Link Titel</a> </li> <li> <a href="#">Link Titel</a> </li> </ul> </div>

horizontal

  • Ein listeneintrag
  • Ein listeneintrag
  • Ein listeneintrag
  • Ein listeneintrag
  • Ein listeneintrag
<ul class="list list--is-horizontal list-checklist"> <li> Ein listeneintrag </li> <li> Ein listeneintrag </li> <li> Ein listeneintrag </li> <li> Ein listeneintrag </li> <li> Ein listeneintrag </li> </ul>

List Patterns

  • Ein listeneintrag
  • Ein listeneintrag
  • Ein listeneintrag
  • Ein listeneintrag
  • Ein listeneintrag
<ul class="list checkList"> <li> Ein listeneintrag </li> <li> Ein listeneintrag </li> <li> Ein listeneintrag </li> <li> Ein listeneintrag </li> <li> Ein listeneintrag </li> </ul>

Ordered

  1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  2. Aliquam tincidunt mauris eu risus.
  3. Vestibulum auctor dapibus neque.
<ol> <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li> <li>Aliquam tincidunt mauris eu risus.</li> <li>Vestibulum auctor dapibus neque.</li> </ol>

Unordered

  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  • Aliquam tincidunt mauris eu risus.
  • Vestibulum auctor dapibus neque.
<ul> <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li> <li>Aliquam tincidunt mauris eu risus.</li> <li>Vestibulum auctor dapibus neque.</li> </ul>