bootstrap colapsar dos filas

Estoy jugando con el colapso de arranque. Pero me preguntaba si hay una manera de hacer que el bootstrap colapse también trabajando en dos filas. Probé varias cosas, pero ninguna parece funcionar para mí todavía.

A continuación hay una cosa que probé, pero esto no parece funcionar. Al abrir una pestaña de acordeón, la otra no colapsará sin importar lo que intente...

Cualquier idea o sugerencia sobre cómo resolver esto?

<div class="row-fluid">
    <div class="accordion" id="accordion2">

        <div class="span6">

          <div class="accordion-group">
            <div class="accordion-heading">
              <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
                Collapsible Group Item #1
              </a>
            </div>
            <div id="collapseOne" class="accordion-body collapse in">
              <div class="accordion-inner">
                Anim pariatur cliche...
              </div>
            </div>
          </div>

        </div>

        <div class="span6">

          <div class="accordion-group">
            <div class="accordion-heading">
              <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
                Collapsible Group Item #2
              </a>
            </div>
            <div id="collapseTwo" class="accordion-body collapse">
              <div class="accordion-inner">
                Anim pariatur cliche...
              </div>
            </div>
          </div>

        </div>

    </div>
</div>

preguntado el 24 de diciembre de 12 a las 17:12

2 Respuestas

Finalmente encontré la solución para el colapso de arranque de múltiples columnas. Voy a crear un trabajo violín, por si alguien más alguna vez hace la misma pregunta.

<div class="row-fluid" id="accordion2" >

    <div class="span6" id="accordion2">

        <div class="accordion-group">
            <div class="accordion-heading">
              <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
                    collapse 1
              </a>
            </div>
            <div id="collapseOne" class="accordion-body collapse in">
              <div class="accordion-inner">
                    collapse item 1
              </div>
            </div>
        </div>

        <div class="accordion-group">
            <div class="accordion-heading">
              <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
                    collapse 2
              </a>
            </div>
            <div id="collapseTwo" class="accordion-body collapse">
              <div class="accordion-inner">
                    collapse item 2
              </div>
            </div>
        </div>

    </div>

    <div class="span6" id="accordion2">

        <div class="accordion-group">
            <div class="accordion-heading">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree">
                    Collapse 3
                </a>
            </div>
            <div id="collapseThree" class="accordion-body collapse">
                <div class="accordion-inner">
                    Collapse item 3
                </div>
            </div>
        </div>

        <div class="accordion-group">
            <div class="accordion-heading">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseFour">
                    Collapse 4
                </a>
            </div>
            <div id="collapseFour" class="accordion-body collapse">
                <div class="accordion-inner">
                    Collapse item 4
                </div>
            </div>
        </div>

    </div>

</div>

Respondido el 24 de diciembre de 12 a las 18:12

El violín está roto probablemente porque está vinculado a bootstrap 3. Aquí hay un nuevo violín que importa BS 2.3.2: jsfiddle.net/LmeSL/5 - tim baas

Editar: disculpas, este código se refiere al ejemplo a continuación. nuevo en SOF me temo

¡Esto es genial pero travieso travieso con las múltiples identificaciones!

Tratar:

<div class="row-fluid accordion2" >

<div class="span6 accordion2">

<div class="accordion-group">

  <div class="accordion-heading">
   <a class="accordion-toggle" data-toggle="collapse" data-parent=".accordion2" href="#collapseOne">
    collapse 1
   </a>
  </div>

  <div id="collapseOne" class="accordion-body collapse in">
   <div class="accordion-inner">
    collapse item 1
   </div>
  </div>

</div>

etc ......

Eso sí, para el caso, probablemente tampoco sea demasiado bueno anidar clases duplicadas como esa.

Respondido 08 Feb 13, 14:02

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.