mirrors_mdbootstrap/bootstrap-horizontal-list

Responsive Horizontal list built with Bootstrap 5. Horizontal lists are responsive components for displaying a series of content.

Check out Bootstrap Horizontal list Documentation for detailed instructions & even more examples.

Basic example

Bootstrap Horizontal list: Bootstrap 5 Horizontal list

<div>
    <ul class="list-group list-group-horizontal">
        <li class="list-group-item">Cras justo odio</li>
        <li class="list-group-item">Dapibus ac facilisis in</li>
        <li class="list-group-item">Morbi leo risus</li>
    </ul>
    <ul class="list-group list-group-horizontal-sm">
        <li class="list-group-item">Cras justo odio</li>
        <li class="list-group-item">Dapibus ac facilisis in</li>
        <li class="list-group-item">Morbi leo risus</li>
    </ul>
    <ul class="list-group list-group-horizontal-md">
        <li class="list-group-item">Cras justo odio</li>
        <li class="list-group-item">Dapibus ac facilisis in</li>
        <li class="list-group-item">Morbi leo risus</li>
    </ul>
    <ul class="list-group list-group-horizontal-lg">
        <li class="list-group-item">Cras justo odio</li>
        <li class="list-group-item">Dapibus ac facilisis in</li>
        <li class="list-group-item">Morbi leo risus</li>
    </ul>
    <ul class="list-group list-group-horizontal-xl">
        <li class="list-group-item">Cras justo odio</li>
        <li class="list-group-item">Dapibus ac facilisis in</li>
        <li class="list-group-item">Morbi leo risus</li>
    </ul>
    <ul class="list-group list-group-horizontal-xxl">
        <li class="list-group-item">Cras justo odio</li>
        <li class="list-group-item">Dapibus ac facilisis in</li>
        <li class="list-group-item">Morbi leo risus</li>
    </ul>
</div>