bootstrap colapsar dos filas
Frecuentes
Visto 4,746 equipos
1
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>
2 Respuestas
2
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
2
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 twitter-bootstrap rows collapse or haz tu propia pregunta.
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