0

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?

4
  • 1
    te falta añadir la clase .list-group en las listas horizontales. Debería ser así: <ul class="list-group list-group-horizontal">
    – user7176
    el 12 jun. 2019 a las 12:08
  • Ya lo he intentado, me lo muestra como un unico list-group vertical :\ el 12 jun. 2019 a las 12:43
  • A mi me funciona añadiendo eso: jsfiddle.net/blonfu/9z83ta5s
    – user7176
    el 12 jun. 2019 a las 13:02
  • Ya he localizado el error. Tu respuesta era correcta, el problema residia en que el proyecto no usa la ultima version de Bootstrap y los "list-group-horizontal" todavia no se habian añadido. Muchas gracias! el 13 jun. 2019 a las 9:37

1 respuesta 1

0

Problema resuelto, la versión de Bootstrap del proyecto no soporta la clase "list-group-horizontal", el proyecto actualmente usa la versión 4.0 de Bootstrap.

Leyendo la documentación, el componente "List-group-horizontal" no se añade hasta la versión 4.3.

2
  • Desenvuelve un poco más tu respuesta, ¿Qué versión de Bootstrap está usando el proyecto? ¿Para qué versión está soportada la clase 'list-group-horizontal'?¿La clase 'list-group-horizontal' corresponde a un archivo modificado de CSS que haya usado?. Saludos
    – JuankGlezz
    el 13 jun. 2019 a las 15:23
  • El proyecto actualmente usa la version 4.0 de Bootstrap. Leyendo la documentación, el componente "List-group-horizontal" no se añade hasta la version 4.3. el 17 jun. 2019 a las 8:21

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.