<section class="list-group">
    <h1 class="list-group-title">Nieuwsdossiers</h1>
    <ul>
        <li><a href="#" class="list-group-item active">Cras justo odio</a></li>
        <li><a href="#" class="list-group-item">Dapibus ac facilisis in</a></li>
        <li><a href="#" class="list-group-item">Morbi leo risus</a></li>
        <li><a href="#" class="list-group-item">Morbi leo risus</a></li>
        <li><a href="#" class="list-group-item">Porta ac consectetur ac</a></li>
        <li><a href="#" class="list-group-item">Vestibulum at eros</a></li>
    </ul>
</section>

A list group consisting of links with a group title

Based on the version from MDB:
https://mdbootstrap.com/components/list-group/#linked-items

Using

No additional actions, aside from the markup, are needed to use this component.

Notes

  • The group title in this component is rendered via a h1 element, every heading (h1 - h6) will work so choose your own heading according the structure of the page