Ordered List

<ul class="list-ordered">
    <li>List Item</li>
    <li>List Item</li>
    <li>List Item</li>
</ul>
      

Unordered List

<ul class="list-unordered">
    <li>List Item</li>
    <li>List Item</li>
    <li>List Item</li>
</ul>
        

Simple List

<ul class="list-simple">
    <li>List Item</li>
    <li>List Item</li>
    <li>List Item</li>
</ul>
      

Stacked List

<ul class="list-stacked">
    <li>
        <img
        src="/assets/velociraptor.png"
        alt="raptor"
        class="avatar-round avatar-sm"
        />
        <div>
        Blue
        <p class="list-message">Hey Owen, got me food?</p>
        </div>
    </li>
    <li>
        <img
        src="/assets/velociraptor.png"
        alt="raptor"
        class="avatar-round avatar-sm"
        />
        <div>
        Charlie
        <p class="list-message">Wait for it, Blue.</p>
        </div>
    </li>
    <li>
        <img
        src="/assets/velociraptor.png"
        alt="raptor"
        class="avatar-round avatar-sm"
        />
        <div>
        Delta
        <p class="list-message">Get outta my way!</p>
        </div>
    </li>
    </ul>