Tengo el siguiente diseño en una página:
Código:
<div class="row">
<div class="col-xs-12">
<div class="row">
<div class="col-md-6 col-xs-12">
<div class="panel">...//Panel1..</div>
</div>
<div class="col-md-6 col-xs-12">
<div class="panel">...//Panel2..</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-xs-12">
<div class="panel">...//Panel3..</div>
</div>
<div class="col-md-6 col-xs-12">
<div class="panel">...//Panel4..</div>
</div>
</div>
</div>
</div>
Todo funciona bien hasta que agregue colapsar a los paneles.
Ahora, después de colapsar Panel1 o Panel2, tengo este efecto:
¿Hay alguna posibilidad de arreglar esto con mantener el orden del panel en pantallas pequeñas?
Respuestas
0 para la respuesta № 1Solo agrega un común min-height
a los paneles para que puedan mantener la misma altura, ya sea alternar o no.