2012-09-11 17 views
8

Estoy usando Bootstrap y tengo un formulario incrustado en paneles de pestañas que contiene botones desplegables. A veces, la cantidad de elementos en los menús desplegables sobrepasa la altura del panel de pestañas. Siempre puedo aumentar la min-altura del panel de pestañas, pero esta solución es hackish. Tengo un ejemplo jsFiddle aquí:Desplegable del botón Bootstrap en el panel de pestañas que causa el desbordamiento

http://jsfiddle.net/Sudp7/1/

En ella, se puede ver cómo el menú desplegable se pegó en la parte inferior del panel de la pestaña. ¿Hay alguna manera de hacer que el menú desplegable desborde la altura de su contenedor padre? He intentado jugar con las propiedades z-index y overflow-y en vano. Algunos consejos podrían ser muy apreciados.

Gracias, Richard

Respuesta

19

Si el cambio de overflow es una opción para usted, entonces el selector hacia la derecha es .tab-content

.tab-content { 
    overflow: visible; 
} 
+0

Gracias por eso, yo estaba seguro de índice z era la solución e incluso me puse overflow-y a visible en los paneles individuales pero no en el selector de contenido de pestañas. ¡Gracias de nuevo! Aceptado y me hubiera votado a favor si tuviera la reputación de hacerlo. –

Cuestiones relacionadas