Bootstrap class: .list-group-horizontal-md

    <ul class="list-group list-group-horizontal-md">
        <li class="list-group-item">Option 1</li>
        <li class="list-group-item">Option 2</li>
        <li class="list-group-item">Option 3</li>
        <li class="list-group-item">Option 4</li>
        <li class="list-group-item">Option 5</li>
    </ul>

Preview

Option 1
Option 2
Option 3
Option 4
Option 5

Use Shuffle AI to build your own Bootstrap templates

Quickly design stunning Bootstrap templates with the power of Shuffle AI — no coding required.

Tips 💡

You don't need to remember all CSS classes. Just use the Bootstrap Editor instead.

More in Bootstrap List group

Bootstrap 4 & 5