Estoy intentando generar un "list-group-horizontal" dentro de un "list-group", pero se visualiza como si fuera un unico list. He intentado varias formas pero no consigo terminar de sacarlo.
Este es mi ultimo intento:
<ul class="list-group">
<li class="list-group-item ">
<div>
<ul class="list-group-horizontal">
<li class="list-group-item">Elemento 1 </li>
<li class="list-group-item">Elemento 2 </li>
</ul>
</div>
</li>
<li class="list-group-item">
<div>
<ul class="list-group-horizontal">
<li class="list-group-item">Elemento 1 </li>
<li class="list-group-item">Elemento 2 </li>
</ul>
</div>
</li>
</ul>
¿Es posible conseguir algo asi o existe algun componente especifico para lo que intento?
.list-group
en las listas horizontales. Debería ser así:<ul class="list-group list-group-horizontal">